定义样式表

HTML标记定义

         <p>...</p>

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

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

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

Class定义

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

         class定义是以“.”开始

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

ID定义

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

         ID定义是“#”开始的

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

优先级问题

         1.ID>Class>HTML

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

                   #p { color: red }

#p { color: #f60 }

                   执行颜色为#f60的

组合选择器(同时控制多个元素)

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

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

伪元素选择器

         1.a:link

                   正常连接的样式

         2.a:hover

                   鼠标放上去的样式

         3.a:active

                   选择链接时的样式

         4.a:visited

                   已经访问过的链接的样式

原文地址:https://www.cnblogs.com/huan123/p/8167869.html