目标
掌握CSS基本语法,了解如何应用CSS到Html元素上并能熟练使用CSS进行元素布局。
要点
-
CSS基本概念、存在的意义
CSS 指层叠样式表 (Cascading Style Sheets),定义了如何显示HTML元素;CSS出现解决了内容与表现分离的问题,极大提高工作效率。
-
定义样式信息的多种方式以及优先级
- 浏览器缺省设置
- 外部样式表(样式信息存放在外部某个文件中)
- 内部样式表(定义在head标签内部的样式信息)
- 内联样式(直接在HTML元素中使用style来设置样式信息)
它们的优先级依次从低到高,也就是说内联样式拥有最高的优先权。
-
CSS语法:
由两个主要部分构成:选择器以及一条或多条声明,选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。
selector {declaration1; declaration2; ... declarationN }
-
基本CSS样式:
- 背景(background)
- 字体(font)
- 链接(a)
- 前景色(color)
- 定位:绝对定位、相对定位,浮动
- 尺寸(size)
-
框模型
- 选择器种类:元素选择器、类选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻元素选择器
- 选择器的优先级(Advanced)(根据自己情况,选择性了解)