7-3 瞧瞧css的庐山真面目吧 - CSS代码语法
本节编程练习不计算学习进度,请电脑登录imooc.com操作

瞧瞧css的庐山真面目吧 - CSS代码语法

css 样式由选择符声明组成,而声明又由属性组成,如下图所示:

选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。

声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:

p{font-size:12px;color:red;}

注意:

1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。

2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:

p{
   font-size:12px;
   color:red;
}

任务

我来试试:补充css代码,使代码有效

观察在右边代码编辑器中9-11行,css代码是不完整的,所以三条css代码都没有起到作用,请把代码补充完整。

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>CSS代码语法</title>
  7. <style type="text/css">
  8. p {
  9. font-size: 12px
  10. color:red
  11. font-weight:bold
  12. }
  13. </style>
  14. </head>
  15.  
  16. <body>
  17. <p>慕课网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>
  18. </body>
  19.  
  20. </html>
下一节