6-3CSS代码语法 · 初识HTML+CSS

css 样式由**选择符**和**声明**组成，而**声明**又由**属性**和**值**组成，如下图所示： [![](http://img.mukewang.com/52fde5c30001b0fe03030117.jpg)](http://img.mukewang.com/52fde5c30001b0fe03030117.jpg) **选择符：**又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 **声明：**在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示： ~~~ p{font-size:12px;color:red;} ~~~ 注意： 1、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。 2、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示： ~~~ p{ font-size:12px; color:red; } ~~~ ### 任务我来试一试：补充css代码，使代码有效观察在右边代码编辑器中`8-10`行，css代码是不完整的，所以三条css代码都没有起到作用，请把代码补充完整。 ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS代码语法</title> <style type="text/css"> p{ font-size:12px; color:red; font-weight:bold; } </style> </head> <body> <p>慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p> </body> </html> ```