定义样式表

Posted 梦想起航我起床

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了定义样式表相关的知识,希望对你有一定的参考价值。

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

                   已经访问过的链接的样式

以上是关于定义样式表的主要内容,如果未能解决你的问题,请参考以下文章

如何让用户保存自定义样式表设置[重复]

使用样式表自定义 QDial

css 菜鸟

CSS - 原始与自定义样式表 - 覆盖样式的正确方法

CSS层叠样式表介绍

使用样式表自定义 QTabWidget