一、css组成
选择器{
属性：值；//说明
}
二、分类（三种）
立即学习“前端免费学习笔记（深入）”；
内联式、嵌入式、外部式
内联式：直接把css代码写在现有的html标签中；
嵌入式：可以把css代码写在标签之间，一般将css样式嵌入
标签之间；外部式：css代码写在一个单独的文件，这个css样式文件以.css为扩展名，在
标签之间通过引入说明：在相同权值的情况下，内联式>嵌入式>外部式；（就近原则）
三、选择器分类
1.标签选择器：html代码中的标签
2.类选择器：.类选择器{ }
使用class = “类选择器名称”为标签设置一个类
3.id选择器：#选择器{ }
使用id = “ID名称”为一个标签设置
说明：id和class都可以应用任何元素；ID选择器只能在文档中使用一次,类选择器可以使用多次；类选择器可以为一个元素设置多个样式。
4.子选择器：（>）,用于选择指定标签元素的第一代子元素
.first > span{color:red;}
5.包含（后代）选择器：加入空格，用于选择指定标签元素下的后辈元素。
.first span{color:red;}
说明：子选择器仅是指他的直接后代（儿子），后代选择器可以作用于所有子后代的元素（儿子，孙子，重孙等）；> 作用元素的后一代，空格作用于元素的所有后代。
6.通用选择器：*
它使用*号。能够匹配所有的html标签。
7.分组选择符：，
多个标签元素设置同一个样式时，可以使用分组选择符（，）
h1,span{color:red;}
四、特性
1.继承：css央视具有继承性，继承是一种规则，它允许该样式不仅应用于某个特定的html标签元素，而且应用与它的后代。
2.特殊性：有的时候同一个标签我们给了多个样式，那么元素会采用哪种样式，取决于这个样式的权值，标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100.
3.层叠：如果html文件中某个元素有多个css样式，并且这些css样式具有一样的权重，这个时候就取决于这些css样式的顺序，处于最后面的css会被应用。
4.重要性：！important。采用这种方式说明这个样式权重最高。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
390
