第三次网页前端培训笔记（CSS：页面的美化）

学习网址：视频网址    资料网址​​​​​

框架

内容

基本使用

css是由选择器及一条或多条由分号隔开的样式声明组成，每条声明的样式包含着一个css属性和属性值。定义时需注意：声明需要使用{}括起来，每个声明以分号结尾、一行建议一个声明、如果样式的属性值由多个单词组成，则需要用引号引起来。

css有三种使用方式：

1.行内样式：直接写在标签上的样式，在标签上通过style属性定义的样式。

2.内部样式：定义在style标签中的样式，style标签一般设置在head标签中。

3.外部样式：定义在外部的css文件中，通过link标签引入。

<link rel="stylesheet" type="text/css" href="css文件路径" />

选择器

1.通用选择器：*（选择所有）

2元素选择器：元素名称（选择指定标签）

3.id选择器：#id属性值（选择指定的id属性元素）

4.类选择器：这里有个点.class属性值（选择指定的class属性元素） 

5.分组选择器：当几个元素样式属性一样时，可共同调用一个声明，用逗号隔开。 

CSS样式的优先级，是根据选择器的精确度/权重来决定的，常见的权重如下，权重越大，优先级越高：元素选择器:为1 、类选择器为10、id选择器为100、内联样式为1000。

组合选择器

1.后代选择器：选择指定元素的所有指定后代元素,以空格隔开即:选择器 指定元素。

2.子代选择器：选择指定元素的第一代子元素，以大于号隔开即:选择器>指定元素。

3.相邻兄弟选择器：选择指定元素的下一个指定元素(只会找一个)，两者有相同的父元素，以加号隔开即:选择器+指定元素。

4.普通兄弟选择器：选择指定元素后面的所有指定元素，两者有相同的父元素，以波浪号隔开即：选择器～指定元素。