选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
CSS声明总是以分号(;)结束,声明组以大括号({})括起来:
p {color:red; text-align:center;}
为了让CSS可读性更强,你可以每行只描述一个属性:
实例
p
{
color:red;
text-align:center;
}
CSS 注释
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 "/*" 开始, 以 "*/" 结束, 实例如下:
/*这是个注释*/
p
{
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}
CSS选择器的用途是决定所定义的样式规则会应用到哪些HTML标签中,根据选择器名称的不同,可以选择不同的HTML标签,常见的选择器类型有以下几种:
1、以英文点(.)开头的的选择器名称,表示该样式规则应用于所有类属性值为选择器名称(不包含点)的 HTML标签。例如,以下CSS规则
.test {color:#000; font-size:16px;}
会应用到所有类名设为test的标签中,如下图所示:
2、以HTML标签名作为CSS选择器的名称,表示该样式规则对网页中的所有该标签有效。例如,以下CSS规则将所有的表格边框大小设为1,边框颜色设为红色:
table {border-width: 1px; border-color:#F00;}
3、以#号开头的选择器名称,表示该样式规则应用于所有ID属性为选择器名称(不包含#号)的标签。例如,以下CSS规则
#test {color:#000; font-size:16px;}
会应用到ID为test的标签中,如下图所示:
4、以:hover结尾的选择器名称,表示该样式规则对于所选择的的HTML标签只有在鼠标位于该标签上时才会有效。例如,以下CSS规则
a:hover {color:#F00;}
表示当鼠标放在超链接上时,文字会变成红色。
CSS选择器远比我们这里介绍的要复杂,关于CSS选择器的详细信息,可参考相关资源所提供的链接。