首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

Css学习札记(1)

2012-11-22 
Css学习笔记(1)1. Css语法简单,分2部分组成构成? ? 选择器 {声明1声明2...声明n}2. 声明由1个属性和一

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>

热点排行