基本选择器

*:这个符号是通配符,代表任意一个。

现在是假如有:

<a>alex</a>

<p>ssssssss</p>

现在是假如有2个标签。

如果加上*,不管里面有什么标签,都会运用这个样式的

<style>

*{

background-color:lavender;

color:red;

font-size:12px

}

</style>

要注意通配符就是对所有的标签进行操作。

基本选择器还有一个class。class跟id的区别是什么,反正都是起名字。

<p id="ssww">rrrrrrr</p>

<p class="tt">tttttttt</p>

id跟class的区别是:id是唯一的;然而class是可以重复的。id就是身份证,一个人只能有一张身份证。

三个P标签,其中想让2个P标签的样式一样,所以就让这两个p标签的class一样就可以了。注意class也有自己的开头方式,但是这个开头是以.开始的。

就是如下所示:

.tt{

   background-color:blue;

 color:white

   font-size:40

}

<p class="tt">guanquanzhen,you are great!</p>

注意如果class="tt  rr",注意看清楚了,是tt加上空格再加上rr,意思是这个class既可以叫tt,也可以叫rr.

.tt{

font-size:40px;

}

.rr{

font-size:10px;

}

注意文档流是从上往下执行的,所以以最后的那个为准

一个标签可以起多个名字,为什么要多此一举呢?

<p class="rr tt">ttttttt</p>

<p class="ee tt">ttttttt</p>

这个表示对于公共的部分用tt样式,对于非公共的部分用各自的样式。

<p class="rr">ttttt</p>

<div class="rr">ttttttt</div>

注意可以通过div标签和class标签共同控制

div.rr{

font-size:30px;

color:red

}

posted @ 2017-03-05 22:16  关泉珍  阅读(69)  评论(0)    收藏  举报