CSS学习心得

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

基础的语法：

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明

高级语法：

1.选择器分组

选择器分组，如下：被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。

h1,h2,h3,h4,h5,h6 {

  color: green;
  }

2.继承

选择器：

1元素选择器  所有元素都会被选择加样式格式为”元素名{}“

2类选择器  格式为”.元素名{}“

3ID选择器  格式为”#名称{}“

4属性选择器 [元素名]{}

5后代选择器（包含选择器）选择器空格选择器{}

6子元素选择器 选择器>选择器{}

7相邻兄弟选择器 元素名+元素名{}（符合条件为相同的父元素2自己为总新往后的相邻元素）

通配符符号为*

一般为*{border：1px solid red} 一般用于重置技术（reset技术）解决兼容性问题不过现在一般用Normalize