css第一课

语法:
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明

css语法规则

行内样式表

直接在区块中添加style属性

<!--行内样式表,一般不写写行内样式表,优先级最高-->
<p style="font-size: 100px;">
    测试用的文字,<br />2222222222
</p>

标签选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示

body {  //选择器和标签名相同
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
对所有body标签生效

body.bgtest {  //标签名后加".选择器名"
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
对所有body标签生效

最佳选择:

/*class选择器!重点*/
.mydivcss{  //mydivcss就是选择器的名字,想要使用此选择器必须要在标签的class属性中指定这个选择器
    color: aqua;        
    background: deeppink;
}

使用方法:

<!--使用class选择器-->
<div class="mydivcss">  //直接在想要改变样式的标签中把class属性指向指定的选择器就行
asdfsadf <br/>
    adsfasdf <br/>
    ddddddddd <br/>
</div>

id选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
以下的样式规则应用于元素属性 id="para1":

#para1
{
text-align:center;
color:red;
}