44 lines
893 B
Plaintext
44 lines
893 B
Plaintext
1：css: 层叠样式表
|
||
|
||
|
||
2：写法：
|
||
|
||
1：内联写法，就是讲css代码写在html标签内部
|
||
<h2 style="color:red">你好</h2>
|
||
|
||
2：内部写法，将代码放在head里面，和html代码脱离
|
||
<style>
|
||
h2 {
|
||
coloe:red;
|
||
}
|
||
</style>
|
||
|
||
选择器 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
3：外部(外链)写法
|
||
|
||
<link rel="stylesheet" href="./index.css">
|
||
|
||
权重(优先应用css代码的等级)：1 > 2 > 3
|
||
想改变默认的规则： !important
|
||
|
||
|
||
3：选择器学习
|
||
|
||
class(类选择器 “ . ”): 可以无限重复
|
||
|
||
id(" # "): 用id选择器的元素是全局唯一存在的，不要出现重复
|
||
|
||
标签选择器：
|
||
|
||
* 通配符选择器 用途：清除浏览器默认样式
|
||
|
||
+ 选择莫个元素之后的同级元素
|
||
|
||
> 选中莫个父元素里面的子元素
|
||
|
||
, 同时选中多个元素
|
||
|
||
a 空格 b： 选中莫个父元素里面的子元素 |