四、选择器初级和背景

1、选择器

1.通配符选择器 *{margin:0;padding:0;}
2.元素选择器 div{width:;height:;}
3.class选择器 .nav{width:;height:;}
4.id选择器 #banner{width:;height:;}
5.后代选择器 div ul li p{background:;}

命名规范

HTML命名规范：

    以小写字母开头
    不能以数字开头
    见名知意

行业内命名规范：

    可以加 - 或 _
    驼峰命名

2、背景样式

（1）背景颜色

background-color:

    十六进制值：#fff
    英文单词：red     blue     yellow
    rgb / rgba（css3）

（2）背景图片:

background-image:url(‘1.jpg’)

    url(‘’) :   路径
    none :  不使用背景图片

（3）背景图片的重复方式:

background-repeat:

    no-repeat       不重复
    repeat-x        水平方向重复
    repeat-y        竖直方向重复
    repeat      默认值

（4）背景图片的位置:

background-position:X Y

1.关键词写法 top/bottom/left/right/center  第一个值水平，第二个值垂直
2.如果只出现一个关键词，那么另一个对应的就是center
3.百分数值：background-position:20p% 30%;    /*水平 竖直*/
4.具体的数值：background-position:20px 30px;  /*水平 竖直*/

(5)背景关联:

background-attachment:

scroll：默认
fixed：当页面滚动时，背景图片不动

背景样式符合写法

    background:#666 url(‘images/1.jpg’) no-repeat center/cover fixed ;

背景：背景颜色 背景图片 背景重复 背景位置/背景大小 背景关联