22 Sep 2015 - Kumming
html中使用样式表的三种方式
- style 适用于当前网页，页内定义.
- .css 共享所有风格，link通常放在head内.
link rel="stylesheet" href="style.css最常用. - 直接定义标签上，内联/行内标记’ul style=” “‘
优先级3>1>2,即越靠近越优先
样式规则
选择符 {样式属性：样式值;}
数值
- 长度
- 大小
- 百分比：通常为100%
- 颜色：以#开始
- 函数：rgb(),rgba(),url(),hsl()
调试
调度样式通常在属性前加数字当使该属性无效以测试效果。
选择符
- 标记选择符
- ID选择符
- 类选择符
- 包含关系/上下文选择符
- 并列关系
- 属性选择符
1.标记选择符
a {color:white}
2.ID选择符
#menu
<ul id="menu" style="">
3.类选择符
.menuItem {float:left...
li class="menuItem"
4.包含关系/上下文选择符
menu li {float...
须是li,其次要在id为menu下的包含
5.并列关系
选择符1，选择符2.... 共用，多个重叠
6.属性选择符
p[text]{}
p text="忽略值" <br/>
p[text="abc"]{} <br/>
p text="abc" <br/>