本文介绍了Dreamweaver中CSS的基础知识，包括解析CSS规则、基础语法、为文档添加样式的方法，以及用户代理样式表和浏览器用户自定义样式。通过示例详细讲解了如何设置文本颜色、字体大小，以及CSS规则的结构和应用方式。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：Dreamweaver
作者：苏恩祺
撰写时间：2021/8/28
1. 解析CSS规则
下面我们举例说明：将段落标签的文本内容设置为红色
HTML代码：
- <p id="txtp">this is a paragraph</p><!--段落标签-->
CSS代码：
- p{
- color: red;
- }
浏览器中显示效果如图4.3.2.1-1所示
图4.3.2.1-1
在浏览器中查看代码的方式：在浏览器中点击右键，然后选择检查，即可在浏览器中查看HTML结构和CSS样式。
完整代码：
- <!doctype html>
- <!--它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，
- 意思为文档种类为超文本标记性语言或超文本链接标示语言-->
- <html><!--html根元素-->
- <head><!--head 头标签-->
- <meta charset="utf-8"><!--字符集为uft-8-->
- <title>无标题文档</title><!--标题-->
- <style>
- /*内部样式：CSS样式嵌套在页面head元素中的style标签里*/
- p{
最低0.47元/天 解锁文章
941
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
