Part 2-1 认识CSS

2018-09-15 本文已影响0人那谁_

CSS语法

CSS的基本结构1

CSS的基本结构2

[图1]我们称这段代码的h1为选择器，大括号里面的color:red为声明语句，声明语句又分为color（属性） 和red（值）并以:分隔.
[图2]当一个选择器有多条声明语句的时候，每条声明语句用分隔符;隔开.

/* 这是一行单行注释 */

/*
这个注释分散
在多个行上面
*/

<h1 style="color: red;">我是红色标题</h1>

<head>
  <style type="text/css">
    p{
       color: red;
    }
  </style>
</head>
<body>
  <h1>我是红色标题</h1>
</body>

<head>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <h1>我是红色标题</h1>
</body>

/* style.css */
p{
  color: red;
}