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>
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
- CSS样式表的规则
- DIV+CSS 样式表命名的规则
- CSS样式的命名规则
- CSS样式遵循的规则
- CSS样式表命名规则
- 谈DIV+CSS样式表命名的规则方法
- 谈DIV+CSS样式表命名的规则方法
- 谈DIV+CSS样式表命名的规则方法
- 常用的CSS样式命名规则
- css样式表规则和代码
- CSS样式表来源以及“!important”规则
- CSS样式覆盖规则
- css样式简写规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- css 样式层叠规则
- CSS样式覆盖规则
- 强调句型
- 【总结】Effective java经验之谈,通用方法
- JSqlParser系列之二代码结构(转载)
- 开篇--印象仙剑
- C/C++ 统计函数调用时间
- CSS样式表的规则
- C++调用C函数与Extern "C"
- stm32:CT117E之LED篇
- 第一个c#程序
- [Hadoop]Hadoop上传本地文件到HDFS
- ERROR 1366 (HY000):Incorrect string value解决方案(亲测)
- 简单实现查看系统字节序
- 交换内容
- 控制器技术