CSS学习要点

目标

掌握CSS基本语法，了解如何应用CSS到Html元素上并能熟练使用CSS进行元素布局。

要点

1. CSS基本概念、存在的意义

   CSS 指层叠样式表 (Cascading Style Sheets)，定义了如何显示HTML元素；CSS出现解决了内容与表现分离的问题，极大提高工作效率。

2. 定义样式信息的多种方式以及优先级

   • 浏览器缺省设置
   • 外部样式表（样式信息存放在外部某个文件中）
   • 内部样式表（定义在head标签内部的样式信息）
   • 内联样式（直接在HTML元素中使用style来设置样式信息）

   它们的优先级依次从低到高，也就是说内联样式拥有最高的优先权。

3. CSS语法：

   由两个主要部分构成：选择器以及一条或多条声明，选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。

   selector {declaration1; declaration2; ... declarationN }
   

   

4. 基本CSS样式：

   • 背景(background)
   • 字体(font)
   • 链接(a)
   • 前景色(color)
   • 定位：绝对定位、相对定位，浮动
   • 尺寸(size)

   • 框模型

     

5. 选择器种类：元素选择器、类选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻元素选择器
6. 选择器的优先级(Advanced)（根据自己情况，选择性了解）

参考资源

1. W3school