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></h1>和<h2></h2>标签对内部文字居中显示，并采用蓝色字体的样式表为：

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

<h1>中国</h1>

<h2>北京天安门</h2>

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

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

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

p.center{text-align:center}

p.right{text-align:right}

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

<p class="right">此段落向右对齐</p>

<p class="center">此段落居中对齐</p>

②：

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

<p class="text">段落文本</p>

<h1 class="text">标题文本</h1>

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

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

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

<p id=sample>段落文本</p>