CSS笔记-2：CSS代码语法

Sakwe

2018 年 09 月 19 日

5418 次浏览

暂无评论

1042字数

CSS

CSS样式由 选择符 和声明组成，而声明又由属性和值组成，如下图：

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

声明：
在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所伪类选择符.note示：
p{font-size:12px;color:red;}

注意：

1、最后一条声明可以没有广告，但是为了以后修改方便，一般也加上分号；
2、为了使样式更加容易阅读，可以将每一条代码写在一个新行内，如下所示：

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

DEMO 示例：

<!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>索尼公司（日语：ソニー株式会社，英语：Sony Corporation）是源自日本的跨国综合企业，以研制电子产品为主要事业，经营领域横跨消费电子产品、专业性电子产品、电子游戏、金融、娱乐及养老院等[7][8]，拥有全世界的品牌知名度</p>
</body>
</html>

CSS代码的注释：

CSS代码的注释，使用 / 注释语句 /的格式，HTML 中的注释使用  的格式；

<!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; /*设置文字字号为12px*/
   color:red;      /*设置文字颜色为红色*/
}
</style>
</head>
<body>
<p>索尼公司（日语：ソニー株式会社，英语：Sony Corporation）是源自日本的跨国综合企业，以研制电子产品为主要事业，经营领域横跨消费电子产品、专业性电子产品、电子游戏、金融、娱乐及养老院等[7][8]，拥有全世界的品牌知名度</p>
</body>
</html>