1、所有的 p 元素使用 class="center" 让该元素的文本居中:
p.center {text-align:center;}
2、ID、类、元素、包含、子选择器、通用选择器、(属性)、(兄弟选择器)、(相邻选择器)
包含选择器:
第一种:
<style>
p{
color:red;}
div p{
color:yellow;}
</style>
<p>red text</p><!--文字是红色的-->
<div>
<p>yellow text</p><!--文字是黄色的-->
</div>
第二种:
子选择器:(是子不是孙)
第一种:
<style>
div>p{
color:red;}
</style>
<div>
<p>red text</p><!--文字是红色的-->
<table>
<tr>
<td>
<p>no red text;</p><!--文字是非红色的-->
</td>
</tr>
</table>
</div>
第二种:
<style>.first>span{
color:red;}</style>
<body>
<p class="first"><span>内容为红色</span>
<ol>
<li><span>内容不是红色</span></li>
<li><span>内容不是红色</span></li>
</ol>
</p>
</body>
3、背景图像平铺:
background-repeat:repeat-x、no-repeat
4、background-position:改变图像在背景中的位置