评论关闭

南昌seo分享CSS的样式类型

作者:hslsmile  发表于:2014年07月30日 10:16  分类:程序, 资源分享   
分享到: 新浪微博 更多
 

今天南昌seo跟大家分享一下关于CSS样式表,现如今的网站都会用到CSS样式,一般CSS 样式可分为不同的类型,其中常用的样式类型主要有 3 种,即 HTML 标记样式、类样式与伪类样式。

1.HTML标记样式
HTML 标记样式用于重定义 HTML 标记的格式。对于 HTML 中的各种标记,如 P、TR、DIV、IMG、BODY 等,均可通过 CSS 样式定义为相应的格式。在创建或更改 HTML 标记样式后,页面中所有使用相应 HTML 标记的内容便具有与其对应的 HTML 标记样式所定义的格式,如下例所示:
BODY {font-size: 9pt; color: #000099; background-color: #ffffff;}

2.类样式
类样式又称为自定义样式,其选择符通常是以点号“.”开头的某个合法的标识符,如下例所示:
.center {text-align: center} /*文字居中*/
与 HTML 标记样式不同,类样式可根据需要应用于任意 HTML 标记或元素。为此,只需在 HTML 标记中通过 class 属性指定相应的类样式即可,如下例所示:
<H1 class=”center”>这个标题是居中排列的</H1>
<P class=”center”>这个段落也是居中排列的</P>

3.伪类样式
伪类样式是一种特殊的类样式, 主要用于将某个HTML 元素区分不同的种类, 其基本格式为:
选择符:伪类 {属性:值}
例如, 通过伪类样式, 可将链接区分为一般的链接 (A:link) 、 已被访问的链接 (A:visited)、已被选中的链接(A:active)与鼠标指向时的链接(A:hover) ,并分别进行定义,如下例所示:
A:link {font-size: 9pt; text-decoration: underline; color: blue}
A:visited {font-size: 9pt; text-decoration: none; color: green}
A:active {font-size: 9pt; text-decoration: none; color: red}
A:hover {font-size: 9pt; text-decoration: underline; color: red}
伪类样式能自动地被支持 CSS 的浏览器所识别,因此无须使用 HTML 标记的 class 属性加以指定。

本文固定链接: http://www.yunduanseo.com/?p=1015 | 技术解决方案.品牌营销_云端科技互联网+研究发展中心

报歉!评论已关闭.