、
一.CSS是什么?
CSS的优点:
二、CSS引入方式
1.行内样式
2.内嵌式
3.外链式
4.导入式
5.优先级
遵循后来者居上原则,最后加载的标签会覆盖先加载的标签,一般行内样式优先级最高。
示例:
<link rel="stylesheet" type="text/css" href="css/01.css"/>
<style type="text/css">
@import url("css/01.css");
div{
color: #DF0101;
}
</style>
</head>
<body>
<div style="color: red;">内容</div>
</body>
<!--该代码优先级从低到高 外链式<导入式<内嵌式<行内样式 ,该代码最后显示的颜色为红色-->
6. link和@import的区别
三、选择器
权重:类似于优先级,优先级高的样式会覆盖优先级低的样式。
名称 | 选择器 | 示例 | 示例说明 | 权重 |
---|---|---|---|---|
通配符选择器 | * | * | 选择所有元素 | 0.5 |
标签选择器 | element | p | 选择所有<p>元素 | 1 |
类选择器 | .class | .in | 选择所有class="in"的元素 | 10 |
id选择器 | #id | #d1 | 选择所有id="d1"的元素 | 100 |
包含选择器 | 选择器E 选择器F | div span | 选择<div>元素内的所有<span>元素 | 权重相加 |
四. CSS的长度单位
五. CSS中的颜色表达
网页中颜色采用RGB模式显示(显示器)
RGB颜色在CSS中的表达方式: