1. 什么是CSS cascading style sheets 层叠样式表,是网页结构和表现分离
2. CSS的引入方式
1.行内<p style="xxx:xx;"></p>
2.内嵌
<style type='text/css'>...</style>
3.外联
<link href=''>
基本选择器
1. * 通配符
2. tag 标签
3. class 类
4. id
5. 群组 ,逗号隔开
6. 后代,空格
7. 直接子集, >隔开
4. CSS选择器优先级
同级别选择器最后优先
!important > 行内 > id > class > tag > *
多级选择器,权重值 求和计算优先级
5. CSS 尺寸单位
1. px 像素,绝对值适合于pc页面
2. em 相对于父元素的 字体大小
3. rem 相对于根html节点的 字体大小
4. % 相对于父元素的 百分比大小
5. vw/vh 相对于浏览器窗口的 百分比大小
6. cm/mm/pt 打印单位
颜色单位
1. rgb Red(0-255) Green(0-255) Blue(0-255) ,24位色,颜色范围 16,777,216个颜色
2. rgba Red(0-255) Green(0-255) Blue(0-255) A(0-1),32位色
3. 英文单词
4. 16进制颜色 #ff00f0
7. 字体文本样式
1. font-size:字体大小
2. font-famliy : 字体字型
-weight : 字体加粗 100-900
4. font-style: 字体倾斜
5. color : 字体颜色
6. text-align: 文本水平对齐方式 left center right justify(非最后一行两端对齐)
7. text-align-last: 最后一行的文本对齐方式
8. text-decoration: 文本装饰线 ,overline line-through underline
9. text-transforom: 英文字母大小写
10. text-indent: 首行缩进
11. text-overflow: 可设置单行文本显示省略号
12. white-space: 空白处理. nowrap不换行 wrap换行 pre预定义文本
13. overflow:溢出选项, hidden隐藏 scroll始终显示滑动条 auto 自动
14. word-spacing: 单词间距
-spacing:字符间距
16. line-height: 行高
-align:垂直对齐方式