CSS是用于改变页面显示样式的一门技术。
选择符: <HTML标签>
selector {property: value} (选择符 {属性:值})
1.选择符组(逗号分割):
相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:
例:h1, h2, h3, h4, h5, h6 { color: green }
2.类选择符(句点):
在自定类的名称前面加一个点号。
例:p.right {text-align: right}
3.ID选择符(#):
在自定名称(Html控件ID)前面加一个#号。
例:#ButtonID{ color: green }
4.包含选择符(空格分隔)(作用域)
对嵌套在其他控件里的控件进行样式定义。
div table a{ color: green } 即对“层”里的“表格”里的“超链接”进行样式定义
5.各种符号嵌套使用:
例:#mainMenu ul li a{ color:#000000; } 运用了包含选择符。
优先级:
内联式的高于内部样式,内部样式高于外部样式
优先级规则:最后加上的优先级最高,重复的会覆盖,不同的会继承前面定义的(优先级低的)
一般:ID选择符>类选择符>HTML标记选择符
选择符: <HTML标签>
selector {property: value} (选择符 {属性:值})
1.选择符组(逗号分割):
相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义:
例:h1, h2, h3, h4, h5, h6 { color: green }
2.类选择符(句点):
在自定类的名称前面加一个点号。
例:p.right {text-align: right}
3.ID选择符(#):
在自定名称(Html控件ID)前面加一个#号。
例:#ButtonID{ color: green }
4.包含选择符(空格分隔)(作用域)
对嵌套在其他控件里的控件进行样式定义。
div table a{ color: green } 即对“层”里的“表格”里的“超链接”进行样式定义
5.各种符号嵌套使用:
例:#mainMenu ul li a{ color:#000000; } 运用了包含选择符。
优先级:
内联式的高于内部样式,内部样式高于外部样式
优先级规则:最后加上的优先级最高,重复的会覆盖,不同的会继承前面定义的(优先级低的)
一般:ID选择符>类选择符>HTML标记选择符