Css学习札记(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>