1.css引入方式
内部(行内)样式:在标签内加入style属性
style="属性:属性值;"
外部样式:在head中,加入<style>
选择器【选择操作哪一个元素】{
属性:属性值;
...
}
</style>
外部样式:从head里面加入link标签
<link rel="stylesheet" href="css文件地址" type="text/css">
2.选择器的分类与权重
基本选择器:
0001 类型选择器(标签选择器) :以文档对象html中的标签作为选择符
标签{属性:属性值;} 例:div{width:200px;}
0010 Class选择器(类选择器):想要区分某个标签的时,比如想要区分2个div。
<div class=“box”></div>
.Class名字{属性:属性值;}
.box{width:300px;}
Class可以给多个属性值,多个属性值之间用空格隔开。
多个class用一个样式,则将选择器用","隔开,且两个选择器之前都要加"."
0100 ID选择器(用得少):想要区分某个标签的时,比如想要区分2个div。
<标签 id=“box1”></div>
#ID名字{ 属性:属性值;}
#box1{width:200px;}
注意点:ID有唯一性,属性值只能是1个。
css 基础以及基础选择器的使用
![](https://img-home.csdnimg.cn/images/20240711042549.png)