CSS样式表的规则

来源:互联网 发布:淘宝禁售商品有哪些 编辑:程序博客网 时间:2024/06/05 05:00
CSS由两部分组成:选择器和声明,其中声明由属性和属性值组成,简单的CSS规则如下
body{margin:32px;}
(1)、body:选择器
(2)、margin:属性
(3)、32px:属性值
(4)、{margin:32px;}:声明
1、选择器:用于指定对文档中的哪个标签进行定义
2、声明:声明包含在{}中,在大括号中先给出属性名,接着是冒号,然后是属性值
3、属性:由官方CSS规范定义
4、属性值:定义如何设置属性

CSS样式表定义方式三种,分别是标签选择器、类选择器及ID选择器
1、标签选择器
顾名思义,就是用于描述HTML中标签的选择器,通过标签选择器可以把所有该标签进行统一描述,统一应用。
例子:定义<p>标签内的文本大小为40px,颜色为红色,并以粗体显示
p{
      font-size:40px;
      color:red;
      font-weight:bold;
}
2、类选择器
所有的<p>标签都是红色,如果仅希望一部分<p>红色,另一部分<p>标签是蓝色,然后在具体标签中使用该类名称即可。
例子:<p>一部分为红色,<p>一部分为蓝色
p{
      font-size:40px;
      color:red;
      font-weight:bold;
}
.blue{
      color:blue;
}
使用如下:
<p>字体红色</p>
<p class="blue">字体蓝色</p>
3、ID选择器
就是为某一个id制定专门的CSS样式,id选择器使用#标识。
例子:id为red和blue的CSS样式
#red{
      color:red;
}
#blue{
      color:blue;
}
使用如下:
<p id="red">这是红色</p>
<p id="blue">这是蓝色</p>


0 0
原创粉丝点击