摘要：
CSS3弹性盒模型flexbox弹性布局（flexible box）模块（目前是w3c候选的推荐）旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示... 阅读全文
posted @ 2015-11-22 15:38
Jaelyn
阅读(118)
评论(0)
推荐(0)
摘要：
为什么我的vertical-align属性不起作用？只有一个元素属于inline或是inline-block（table-cell也可以理解为inline-block水平）水平，其身上的vertical-align属性才会起作用。例如图片，按钮，单复选框，单行/多行文本框等HTML控件，只有这些元素... 阅读全文
posted @ 2015-11-15 19:00
Jaelyn
阅读(122)
评论(0)
推荐(0)
摘要：
transition和transform和animation的区别:* transition(过渡)div{width:100px;height:100px;background-color:red;transition:height 2s;}div:hover{height:300px;}* tr... 阅读全文
posted @ 2015-11-08 11:50
Jaelyn
阅读(125)
评论(0)
推荐(0)
摘要：
iframe和a搭配的用法新页面 当前页面 刷新iframe内的页面 清除浮动/*使用:after，让浮动不要影响下面的$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/ .container>div { fl... 阅读全文
posted @ 2015-11-01 21:35
Jaelyn
阅读(131)
评论(0)
推荐(0)
摘要：
使元素固定在页面：div{ position:fixed; top:0; left:0;}例如做页面导航时，可以固定导航在页面顶端，使之不会随着页面的下滑而看不见。相对定位：设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。绝对... 阅读全文
posted @ 2015-10-25 10:51
Jaelyn
阅读(144)
评论(0)
推荐(0)
摘要：
header元素：代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。整个页面没有限制header元素的个数，可以拥有多个，可以为每个内容块增加一个header元素。h... 阅读全文
posted @ 2015-10-24 15:17
Jaelyn
阅读(148)
评论(0)
推荐(0)
摘要：
1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap withAbbreviation)5. ct... 阅读全文
posted @ 2015-10-18 17:10
Jaelyn
阅读(167)
评论(0)
推荐(0)
摘要：
photoshop在用钢笔（P）抠图时，抠好轮廓后要按“Ctrl+Enter”，然后复制图片到新图层，这样抠出来的图才会是完整的。否则只有图片的线条轮廓。切片工具（C）用于图案分割，切好的部分我们可以通过“文件存储为Web所用格式”，来设置鼠标点击后的跳转页面链接。画图时，要在一个图形框内再画一个图... 阅读全文
posted @ 2015-10-17 19:25
Jaelyn
阅读(147)
评论(0)
推荐(0)
浙公网安备 33010602011771号