注意：
1、CSS样式中多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略。但是，为了便于增加新样式最好保留。
1.使用行内式CSS样式表为页面添加样式
使用CSS对网页进行修饰时css样式，首先需要了解CSS样式规则及引入CSS样式表的方法，本案例按照CSS样式规则的格式并使用CSS行内式的方法输出一首诗《春晓》。
1) 效果如图3-1所示。
图3-1 《春晓》效果
2) 具体实现步骤如下：
a) 使用CSS行内式为页面元素引入样式。
b) 按照CSS样式规则为标题设置成微软雅黑、蓝色、26px字体。
c) 按照CSS样式规则为段落设置成微软雅黑、红色、28px字体。
3）新建HTML页面，具体代码如下：
<html><head><meta charset="utf-8"><title>春晓</title></head><body><h3 style="font-family:'微软雅黑';color:#00F;font-size:28px;">春晓</h3><p style="color:red;font-family:'微软雅黑';font-size:26px;">春眠不觉晓，<br />处处闻啼鸟。<br />夜来风雨声，<br />花落知多少。</p></body></html>
保存后，在谷歌浏览器中预览css样式，效果如图3-2所示。
2.使用内嵌式CSS样式表为页面添加样式
<html><head><meta charset="utf-8"><title>内嵌式引入CSS样式表</title><style type="text/css">h2{text-align:center;} /*定义标题标签居中对齐*/p{ /*定义段落标签的样式*/font-size:16px;font-family:"楷体";color:purple;text-decoration:underline;}</style></head><body><h2>内嵌式CSS样式</h2><p>使用style标签可定义内嵌式CSS样式表，style标签一般位于head头部标签中，title标签之后。</p></body></html>
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。