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基础知识,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!