1，在前一章节中我们大概了解了什么是HTML文档，那么在小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS规则。
2.1 解析CSS规则
下面我们举例说明：将段落标签的文本内容设置为红色
HTML代码：
- <p id="txtp">this is a paragraph</p><!--段落标签-->
CSS代码：
- p{
- color: red;
- }
在浏览器中查看代码的方式：在浏览器中点击右键，然后选择检查，即可在浏览器中查看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{
- color:red;
- }
- </style>
- </head>
- <body>
- <!--这里是网页内容-->
- <h1>hello world</h1>
- <p>this is a paragraph</p>
- <img src="images/mycat.jpg" alt="这里是一个猫咪">
- </body>
- </html>
这是我所学到的css基础知识，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！
扫一扫
1208
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
