摘要：
一、文档流 运用css布局首先要具备一些概念上的知识，文档流的概念充斥着布局的整个过程。浏览器渲染页面是有先后顺序的，其顺序是至上而下，根据HTML的文档结构进行渲染。 二、div+css 耳熟能详的div+css布局指的是：仅用容器标签div配合css样式进行布局。以往的table布局是不推荐使用 阅读全文
摘要：
效果图 阅读全文
摘要：
animation是CSS3中极其强大的功能，它可以完成许多炫酷有趣的动画效果，网上也有非常不错的类库。下面将做详细介绍。 1.@keyframes:用于定义动画的具体动作（帧动作），一般要加上浏览器前缀。 2.animation-name:给动画定义名称，用于在元素调用动画对象 3.animati 阅读全文
摘要：
这3个属性是CSS3新增的属性，功能极其强大，能完成许多以往JS才能完成的页面动态效果，而且运行效率非常高，考虑到浏览器兼容性问题，应在3个属性前面加上各浏览器的前缀。以下思维导图介绍了3个属性的各属性值及其代表的意义，请仔细阅读。 一、transform 变换样式 1.transform:tran 阅读全文
摘要：
一、元素样式 1.width控制元素宽度 2.height控制元素宽度 3.padding控制元素内边距 内容与边框之间的距离 4.margin控制元素外边距 元素边框与其他元素边框之间的距离，如果两元素都设置了margin属性，浏览器只对较大值有效。 演示结果 这是div里面的内容 5.opaci 阅读全文
摘要：
1.font-family 设置名称，控制使用何种字体 演示结果： hello world 2.font-size 控制字体大小尺寸 演示结果： hello world 3.font-weight 控制字体加粗 取值：100,200,300,400,500,600,700,800,900，bold， 阅读全文
摘要：
CSS的selector极其强大，大致分为通配符、元素、群组、关系、id及class、伪类、属性、伪对象这八种，下面将进行详细介绍： 一、通配选择符 选中HTML文档中的所有标签，语法： *{ 代码块； } 演示结果: 这是h1标签 这是h2标签 这是p标签 一、元素选择器 指定元素标签，则选定文档 阅读全文
摘要：
1.引入层叠样式表： A.行内引入 B.内联样式表 C.外部样式表 2.三种样式表的优先级对比（就近原则） 行内引入 > 内联样式表 > 外部样式表 3.代码注释： /* 代码段 */ 4.各浏览器前缀 5.CSS选择符： A. 通配选择符 B. 元素选择符，路body、h1、p C. 群组选择符 阅读全文