Java Web 2.2 CSS样式表

2.2 CSS样式表

定义——CSS：（cascading style sheets，层叠样式表），通常说的样式表。CSS是一种美化网页的技术，通过使用CSS可以方便、灵活地设置网页中不同元素的外观属性，使                                  网页在外观上达到一个更好的效果。CSS由三个基本部分组成：对象，属性，值。

2.2.1 CSS样式表的几种定义方式：

  CSS样式表的定义实际上就是定义CSS选择器，由于CSS选择器有三种类型，所以定义方式也有三种。

（1） 标记选择器——通过HTML标签定义样式表。

例如：在

和

标签对内部文字居中显示，并采用蓝色字体的样式表为：

h1,h2{text-align:center;color:blue}

中国

北京天安门

（2） 类别选择器——使用class定义样式表。

类选择器有两种定义方式：

①：两个不同段落，若要使一个段落向右对齐，一个段落居中对齐，则先定义两个类别选择器：

p.center{text-align:center}

p.right{text-align:right}

然后用在不同段落里，只要HTML标记里加入上面定义的类即可。

此段落向右对齐

此段落居中对齐

②：

.text{font-family:宋体;color:red;}

段落文本

标题文本

（3）ID选择器——使用id定义样式表

在HTML页面中ID选择符用来对某一个单一元素定义单独的样式，定义ID选择符要在ID名称前加上一个“”#“号。

#sample{font-family:宋体;font-size:60pt}

段落文本