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>