文章教程

1.5Web编程的基础知识之二:层叠样式表(CSS)简介

9/17/2020 9:26:54 PM 人评论 次浏览

1.5 Web编程的基础知识之二:层叠样式表(CSS)简介

层叠样式表的英文全称是Cascading Style Sheet(简称CSS)。HTML最初设计时,只是用来定义文档的内容。比如标签<table>就是用来定义一个HTML文档的表格。页面的布局由浏览器显示,并不由HTML标签控制。

随着站点中HTML文件的增加,如果仍用HTML标签来排版和控制页面显示效果,它的局限性和困难性的问题会日益突出。甚至,在标签无法满足页面显示效果时,有的设计人员又加入JavaScript来控制页面效果。可以想象,这样HTML文档会变得越发臃肿,并且越来越难以维护。

层叠样式表(CSS)的出现解决了这个问题,即使用CSS决定网页内容如何显示,并控制页面显示效果。

1.5.1 样式表的基本语法

一个样式(Style)的语法由3部分构成:Selector(选择器)、Property(属性)、Value(属性值)。格式如下:


selector{property:value}


例如下面的例子,p是选择器,color为属性,blue则为属性值。


p{color:blue}


其中p就是指p标签<p>,这个样式(Style)的含义表示凡是用<p>标签标记的文档内容,其文本颜色显示为蓝色。HTML中所有的标签都可以作为选择器。

如果想为Style添加多个属性,可以在两个属性之间用分号分隔。下面的Style就包含两个属性,一个为对齐方式,其值为居中;一个为字体颜色,其值为红色,它们之间用分号分隔开。


p{text-align:center;color:red}


教程类别