CSS如何定义样式表

HTML标记定义

<P>...<P>

p{属性:属性值;属性1:属性值1}

P可以叫做选择器，定义那个标记中的内容执行其中的样式

一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，最后一个可以不加分号

Class定义

<p class="p">...<p>

class定义是以"."开始

.p{属性:属性值 ；属性1:属性值1}

ID定义

<p id="p">...<p>

ID定义是#开始的

#{属性:属性值；属性1:属性值1}

优先级问题

ID>Class>HTML


同级时选择离元素最近的一个

    #p{color:red}
    #p{color:#f69}

    执行颜色为#f60的

组合选择器

h1,h2,h3{font-size:14px;color:red;}

选择器组合可以使用 , 隔开

伪元素选择器

a:link 正常连接的样式

a:hover 鼠标放上去的样式

a:active 选择链接时的样式

a:visited 已经访问过的链接的样式