摘要：主体部分 <div class="wrapper"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> 第一种 flex布局 .wrapper{ width: 100%; disp 阅读全文

摘要：主体部分 <div class="out"> <div class="in"></div> </div> 第一种 flex布局 （我觉得是最简单的一种） <style type="text/css"> .out{ width: 200px; height: 150px; background: #4 阅读全文

摘要：在需要显示列表的前几项，一时记不清选择器的用法，现整理一下。 1、first-child first-child表示选择列表中的第一个标签。 2、last-child last-child表示选择列表中的最后一个标签。 3、nth-child(3) 表示选择列表中的第3个标签， 上面代码中的3也可以 阅读全文

摘要：CSS3所提供的动画功能主要包括变形、转换和动画技术。变形是最基本的动画形式，它主要通过CSS控制元素样式属性值的变化来实现。利用transform功能来实现文字或图像的旋转、缩放、倾斜和移动这4种类型的变形处理。 transform实现了一些可用SVG实现的变形功能，transform属性的基本语 阅读全文

摘要：text-shadow文本定义文本阴影或模糊效果 text-overflow文本定义省略文本的处理方式 word-wrap文本定义文本超过指定容器的边界时是否断开转行 HSL颜色表示通过对色调（H）、饱和度（S）和亮度（L）三个颜色通道的变化以及他们相互之间的叠加来表示各式各样的颜色。 HSLA颜色 阅读全文

摘要：CSS2定义了4个属性选择器 E[foo]:选择匹配E的元素，且该元素定义了foo属性； E[foo="bar"]:选择匹配E的元素，且该元素定义了foo属性值为“bar”； E[foo~="bar"]:选择匹配E的元素，且该元素定义了foo属性； E[foo|="en"]:选择匹配E的元素，且该元 阅读全文

摘要：CSS3新增属性选择器 属性名称 含义 [att^="value"] 该属性的值以指定的值开始 [att$="value"] 该属性的值以指定的值结束 [att*="value"] 该属性的值包含指定的值，而无论其位置 属性名称 含义 [att^="value"] 该属性的值以指定的值开始 [att 阅读全文