CSS 速成

最新推荐文章于 2024-10-08 09:33:56 发布

天河书阁 VicRestart

最新推荐文章于 2024-10-08 09:33:56 发布

阅读量612

点赞数

分类专栏： html/ASP/php 文章标签： css html 文档浏览器

html/ASP/php 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一个样式表由样式规则组成,  以告诉浏览器怎样去呈现一个文档.  有很多将样式规则加入到你的HTML文档中的方法,  但最简单的启动方法是使用HTML的STYLE组件.  这个元素放置于文档的HEAD部分,  包含网页的样式规则.

　　要注意到尽管STYLE元素是试验样式表的好方法,  它具有某些在用户使用这种方法之前应该考虑的缺点.  不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。

　　每个规则的组成包括一个选择符--通常是一个HTML的元素,  例如BODY,  P,  或EM--和该选择符所接受的样式.

　　有很多的属性可以用于定义一个元素.  每个属性带一个值,  共同地描述选择符应该如何呈现.

样式规则组成如下:

选择符  {  属性:  值  }
单一选择符的复合样式声明应该用分号隔开:

选择符  {  属性1:  值1;  属性2:  值2  }

以下是一段定义了H1和H2元素的颜色和字体大小属性:

<HEAD>
<TITLE>CSS例子</TITLE>
<STYLE  TYPE="text/css">
H1  {  font-size:  x-large;  color:  red  }
H2  {  font-size:  large;  color:  blue  }
</STYLE>
</HEAD>

上述的样式表告诉浏览器用加大、红色字体去显示一级标题,  用大、蓝色字体去显示二级标题.  CSS1  规格正式地定义了所有的有效属性和值.  属性和值在本网站的CSS  属性部分也给出了.

本教程专门介绍了CSS非常基础的知识,  以提供足够的信息去让你试验自己的样式.  要获得CSS更深入的知识,  阅读继续阅读以下部分:

CSS  结构和规则
CSS  属性
将样式表加入到HTML中