[嵌入式]CSS语法总结1

css指层叠样式表(Cascading Style Sheets）为页面元素设置颜色、大小、粗细状态等表现形式

1.显示方式

a.内联式:直接在页面标签元素上进行编写，通过style属性定义

b.嵌入式:可以在文档页面任意位置通过style标签进行编,编写时需要使用对应的选择器对应样式的生效范围

c.外部式:在外部单独定义一个css样式表文件，进行样式编写,之后引入到html文件中

优先级:内联式 > 嵌入式 > 外部式 (就近原则)

2.Css选择器

(1)标签选择器:影响范围大，常做通用设置

p{
    color: blue;
}

(2)类选择器:通过类名来选择元素，一个类可以用于多个元素,一个元素也可以使用多个样式类

<p class="big red">一段</p>
.big{
    font-size: 20px
}
/*定义big类字体大小为20像素*/
.red{
    color: red;
}
/*定义类为red的字体颜色为红色*/

(3)属性选择器：通过类名来选择元素，一个类可以用于多个元素，一个元素也可以使用多个样式类

<a href="https://www.baidu.com">这是一个连接</a>
[href]{
    color: blue;
}
/*为所有具有href属性的元素设置字体颜色*/

（4）ID选择器：通过id名进行元素选择，元素的id名定义时在整个文档属于唯一

<p id="title">标题1</p>
#title{
    font-size: 25px;
    font-weight: bold;
}

（5）伪类选择器：伪类选择器用于向某些选择器添加特殊的效果，比如对连接访问状态进行管理设置

3.Css选择器权重

top1：?内联式样式：1000>top2：?ID选择器：100>top3：?类选择器：10>top4?标签选择器：1

.test{
    color: red !important;
}
#还可以使用!important语句将样式权重设置为10000
!important写到样式属性值后对该样式进行权重设置