CSS是层叠样式表，用于控制网页的样式和布局。文章介绍了CSS的规则，如选择器的写法，以及三种样式写入HTML的方式：行内样式、内部样式和引入样式。选择器包括ID选择器、类选择器、元素选择器等，以及各种选择器的权重和用法。
目录
简介
css是层叠样式,结构化文档,可以控制网页样式和布局,使网页更美观 。
接下来我们介绍css的作用、选择器的权重、选择器。
什么是css?
css是指层叠样式表，样式可以使html元素更加美观好看。
样式写入html里面有三种方式：内部样式、引入样式（也叫外链样式）、行内样式。优先级(权重)：行内样式>内部样式>引入样式
样式通常在样式表里面储存。
多个样式定义，就是层叠样式。
css的规则和写入
一、规则
选择器{
属性：属性值；
属性：属性值；
}
对应关系如下图
每个属性都有一个属性值，属性与属性值用 ：隔开，声明（属性：属性值；是一个声明）用；隔开
css注释 ，以 /* 开始，以 */ 结尾。（快捷键ctrl+/）+
二、css写入
样式写入html里面有三种方式：内部样式、引入样式（也叫外链样式）、行内样式。优先级(权重)：行内样式>内部样式>引入样式
内部样式：
在head标签内，title标签下写如style标签。选择器与属性属性值写入style标签内。
引入样式（也叫外链样式）：
第一步、创建一个css文件，链入link里面的href，<link rel="stylesheet" href="">
第二步、直接在css文件里面编写样式。
行内样式：
在标签内加入style属性，在属性值内进行编写。
三个写入css的方式是否会有冲突呢？上面说过css样式具有重叠性，这就涉及css的权重了，就是优先级。如下
行内样式>内部样式>引入样式
它的规则为就近原则。离得越近优先级越高。
选择器
id选择器、类选择器、元素选择器、通配符、后代选择器
、子代选择器、
上图无css样式
一、id选择器
如下图,p元素内id属性来设置id选择器,选择器以#开头.
需要注意的是,html元素里id属性值(图中a)只在一个元素中使用.
上图用内部样式,进行演示
二、class选择器
如下图，p元素内class属性来设置类选择器,选择器以 . 开头。
clss属性值可以多个元素中使用。
三、元素选择器
四、通配符 *
*所有元素都有
五、后代选择器
父元素（div）里面的所有选中的子元素(h1)
父元素 空格 选中的子元素 代表父元素里面所有选中的子元素
六、子代选择器
父元素里面的子元素 不包括子元素的子元素
父元素>子元素
七并集选择器3
用逗号隔开,表示逗号前后两个类属性值代表的元素共有的样式.
八、伪类选择器
：hover 选择鼠标在链接上时。
选择器为所选标签+：hover
当鼠标悬停的时候，所选标签会改变样式。效果图如下。
:before 选择器向选定的元素前插入内容
content属性来指定要插入内容。
:first-child 选择器匹配其父元素中的第一个子元素。
：only-of-type
选择每个p元素是其父级的唯一p元素
扫一扫
1467
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
