Webflow笔记

  1. 利用左上角的小眼睛图标可以进行网页预览,不需要每次都对网页进行发布后进行修改的查看,很方便。

2.快捷键Ctril+E 可以调出Webflow的搜索功能,快速找到想要添加的模块

3. 下拉栏里的Close Delay的单位MS代表1秒除以1000 250就是0.25秒

4.在做下拉栏动画的时候要记得给下拉栏list加上Overflow:hidden

否则的话会导致边框和文字的存在时间不一致 如下图背景色的动画都快完成了但是文字还存在

5.下拉栏动画的触发条件加在父级上 触发后的动画加在子集上

6.如何解除Symbol的链接 选中特定的Symbol右键点击 Unlink Instance 这种解除只是让当前的这个板块解除了与Symbol的链接 其他由Symbol创建的板块仍会保持与Symbol的链接

7.可以通过CMS内置的筛选功能结合CMS里设置的内容 对需要进行展示的内容进行选择

8.在内容Template页面里可以通过的条件的存在与否来决定内容模板页最后呈现的效果里是否有一些模块

9.在一篇内容或者其他的CMS内容更新并保存以后,其状态会转为Staged Changed,只有当你把网站发布了以后,整个文章或者其他的内容才能在网站上显现,状态也会更新为Published。

10.在Webflow的Showcase板块里有别人做出来分享的成品网页 可以直接复制拿来用 也可以复制其中的某些板块

11.Focused State专门用于输入栏在输入状态下显示的样式

12.CMS里的Reference功能可以使某一个Collection直接和另外一个Collection进行绑定,从而在提取数据的时候可以提取绑定Collection的数据。适用于需要作者板块的Blog Post Collection。

13.CSS 优先规则1: 最近的祖先样式比其他祖先样式优先级高
CSS 优先规则2:“直接样式”比”祖先样式”优先级高。

当你设定了个和父级所设定的同一类属性但是值不相同时,在子集本身里设定的样式优先级更高,会覆盖父级设定的样式。

CSS 优先规则3:优先级关系:内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器

14. 使用通用的All 元素的样式 修改Tag,可以对默认的各类元素做一个通用版的样式,这样在引用元素的时候有一个统一的默认样式。例如对H1 H2 H3 H4的字体和大小做一个设置,这样每次在引用的时候样式选择All H1 Style就可以了。

15.观察某个元素的某个属性受到了哪些样式的影响,可以通过点击样式进行观察。白色代表未受样式影响,其他颜色表示有受影响,蓝色表示又受到自定义样式的影响。

16.可以在颜色的下拉选项里创建色板,让常用的颜色以后可以便于调用,例如Logo的主色。

17.点击元素的属性,可以将其的样式设置为初始状态,而不需要自己手动去调整。

18.父级做相对定位,子集做绝对定位,子集此时会失去宽度和高度,需要手动去设置,然后可以设置子集的Z坐标,从而使得子集的层级在父级之下,实现部分背景色的效果。

19.网站的内部搜索相当于谷歌的搜索但是收录的只有网站里的页面,所以搜索出来的结果调用的都是像是搜索标题,搜索简介。图片可以自己设置。

20. 可以在表单的右侧属性进行三种不同状态的查看,正常,提交成功,提交失败。

21.如何理解Webflow里的动画设置

首先设定在某一个父级上设置一个触发器Trigger 然后给它的某个子集或它本身设置动画

首先设置一个Innitial的状态 相当于在打一个初始关键帧

然后在设置下一个状态 如果是两个状态 那么第二个状态就是End结束状态 又产生了一个关键帧

以两个关键帧之间的属性区别产生一个动画

22.如何复制普通的页面?

在页面设置的右上角找到复制按钮的图标,点击就可以进行复制了。

23.CMS管理系统的界面里可以对显示的参数进行任意的显示/隐藏设置

24.网格里不输入内容 虽然好像这个存在的行数会占据高度,但实际显示的时候并不会。

25.想要调节背景图片的位置时 需要点击位置图片才会弹出设置的选项框

26.在调整手机端的时候 Webflow默认的尺寸太小了 和我的手机显示不符 需要手动将其向外拉伸到一定尺寸

27.新建网页的时候如果不想要发布可以将网页保存成草稿 就可以不发布了

28.什么301重定向

301转向(或叫301重定向,301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址。301重定向主要是将需要转移的网址重定向另一个新的网址上,并且是永久性转移。301跳转对百度排名的影响301重定向对网站真正的用途很大一部分是为了用户而设置的,让用户的体验更好,但是对网站在百度中的权重的影响是非常小的,几乎不会影响在百度中的排名!

29.如果需要一些网址需要有特定相同的前缀 那就把这些网页都放在一个相同的文件夹下

30.给LightBox设定相互链接的时候需要给它们取一个组名

留下评论