CSS样式由 选择符声明 组成,而 声明 又由 属性 组成,如下图:
03030117.png

选择符:
又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(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>
最后修改:2019 年 09 月 21 日 12 : 21 PM
您的支持就是我持续更新的动力!