日期:2014-05-17  浏览次数:20516 次

Css学习笔记(1)

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>