3种使用CSS的方法

3种使用CSS的方法

直接在标签中

1. <p style="backgroud-color:red; font-size:xx-large">今天天气不错</p>

定义在头标签中，影响一下正文p标签

<style type="text/css">
<!--HTML选择器：给所有p标签设置-->    
p{
            backgroud-color:yellow; 
            font-size:xx-small;
        }
<!--class选择器：给所有p标签的class=“p1”的标签设置，也可以直接写.p1-->    
p.p1
{
            backgroud-color:red; 
}
<!--id选择器：给所有id=“p2”的标签设置，id的这种方法一般是唯一的，一般标签不用同一个id-->
#p2
{
backgroud-color:blue; 
}    
<!--关联选择器：比如<p><em>hahaha</em></p>给这个设置，用空格隔开-->
p em
{
backgroud-color:black;
}
<!--组合选择器，一次性给多个东西设置同一样式，用逗号隔开-->
h1, h2, h3, td
{
backgroud-color:green;
}
</style>

 

常用的伪元素选择器 

 

引用test.css样式表文件，也写在头标签中， 可以如下写，或者直接文件拖到html中

1. <link href="test.css" rel="stylesheet" type="text/css" />

test.css

p
{
     backgroud-color:yellow; 
     font-size:xx-small;
}