基于CSS入门基础必备

CSS选择器:
    标签选择器:
            标签名{样式名1:样式值1;.......}
            作用: 会将当前网页内的所有该标签增加相同的样式
    id选择器:
           #标签的id属性值{样式名1:样式值1;.......}
           作用:给某个指定的标签添加指定的样式
    类选择器:
            .类选择器名{样式名1:样式值1;.......}
            作用:给不同的标签添加相同的样式
    全部选择器:
            *{样式名1:样式值1;.......}
            作用:选择所有的HTML标签,并添加相同的样式

----------------------------------------------------------------------------------
    组合选择器:
            选择器1,选择器2,.....{样式名1:样式值1;.......}
            作用:解决不同的选择器之间重复样式的问题
    子标签选择器:
            选择器1 子标签选择器{样式名1:样式值1;.......}
    属性选择器:
            标签名[属性名=属性值]{样式名1:样式值1;.......}
            作用:选择某标签指定具备某属性并且属性值为某属性的标签
CSS使用过程:
    1.声明css代码域
    2.使用选择器选择要添加样式的标签
            根据需求:
                使用*选择器给整个页面添加基础样式
                使用类选择器给不同的标签添加基础样式
                使用标签选择器来给某类标签添加基础样式
                使用id,属性选择器,style属性声明的方式给某一个标签添加个性化样式
    3.书写样式单
            边框设置
                    border:solid 1px;
             字体设置
                    font-size:10px设置字体的大小
                    font-family:"黑体"; (设置字体的格式)
                    font-weight:bold; (设置字体加粗)
             字体颜色设置
                    color:颜色;
             背景色设置
                    background-color:颜色;
             背景图片设置
                    background-img:url(图片的相对路径)
                    background-repeate:no-repeate; 设置图片不重复
                    background-size:cover;图片平铺整个页面
             宽高设置
             浮动设置:
                    float:left;  ||  float:right;
             行高设置:
                     line-height:10;

CSS选择器的使用