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;}