日期:2014-05-17 浏览次数:20589 次
1. Css语法简单,分2部分组成构成
? ? 选择器 {声明1;声明2;...;声明n;}
2. 声明由1个属性和一个值构成
? ? 如: {color: red}
3. 如果值为若干单词,需要加引号
? ? 如: p {font-family: "sans serif";?}
4. 分组,可共享相同的声明,选择器以逗号分隔
? ? 如: h1,h2,h3 {color: green}
5. 派生选择器,通过上下文方式定位
? ? 如: div span {color: red} ? ??# div元素内span元素的颜色为红色
6. 类选择器,以点号开始
? ? 如: .start {color: red} ?
????? ? <div class='start'></div>
7. 属性选择器,根据元素所含属性选择,IE6以及一下版本不支持
? ? [title] {color: red} ? ? ? ? #包含title属性的元素
? ? [title=www.jiani.info] {color: red}????? ? #包含title属性且其值为www.jiani.info的元素
? ? [title~=jiani] {color: red}????????? ? #包含title属性且其值包含jiani,适用于空格分隔?
? ? <div title='hi jiani'></div>? ??
? ? [title |= jiani]?{color: red}??????? ? #包含title属性且其值包含jiani,适用于'-'分隔
? ? <div title='jiani-site'></div>