本文介绍了CSS的基础知识，包括CSS3的介绍、三种添加CSS样式的方法（内联、内部和外链）、选择器的类型以及优先级规则。内容涵盖了通用选择器、元素选择器、类选择器、ID选择器等，并探讨了如何通过选择器匹配元素以及权重计算在样式层叠中的作用。
1.CSS入门
1.css介绍：层叠样式表
css3：css最新版本
2. css语法
选择器{
属性:属性值;
属性:属性值;
}
设置文字颜色 color:颜色；
设置文字大小 font-size:数字px;
2.三中加入css的方式
1.内联式
<元素 style=“属性:属性值;”></元素>
2.内部式
<head>
...本身就有的代码
<style>
选择器{
属性:属性值;
}
</style>
</head>
3.外链式
a.新建一个css文件
b.在head标签里面添加一个link标签
<head>
...本身就有的代码
<link rel="stylesheet" href="css">
</head>
c.在css文件种按语法写css
3.选择器：是一中匹配模式
1.基础选择器
a.通用选择器/通配符：选中所有元素
*{}
b.元素选择器：选中指定元素
标签名{}
c.类选择器：选定指定元素（不唯一）
.类名{}
<元素 class=“自己取得
的类名”><\元素>
d.id选择器：选定指定元素（必须唯一）
#id名{}
<元素 id=“自己取得
的id名”><\元素>
e.群主选择器：选中e和f
e,f{}
2.层级选择器
a.选中e的后代f [后代选择器]
e f{}
b.选中e的子代f [子代选择器]
e>f{}
c.选中e的所有兄弟f [兄弟选择器]
e~f{}
d.选中e的相邻的兄弟f [相邻选择器]
e+f{}
4.优先级：比较权重之和，和越大，越优先。和一致，后者覆盖前者。[面试题]（注：同一个元素）
权重逐级减小
| ！important | 行内式/内联式 | id | class | 标签 | * | 默认 |
|---|---|---|---|---|---|---|
| ∞ | 1000 | 100 | 10 | 1 | 0 |
选择器{属性：属性值 !important;}
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
