CSS选择器简介

CSS选择器的使用

什么是CSS？

CSS的意思就是层叠样式表，目前发布到3.0版本，用来实现网页的结构美化。

CSS选择器的语法。

选择器的使用

格式：
选择器{ 
属性1：属性值1；
属性2：属性值2；
属性xx：属性值xx；
      }
选择器的选择：要更改那个标签的属性就选择那个标签，例如更改div标签的属性
div{
    background-color:blue; /* 背景颜色为蓝色 */
    width:300px; /* 宽度为300px */
    margin:0 auto; /* 设置div在水平方向上居中 */
       }

选择器的分类

ID选择器：ID表示身份，在页面中ID不允许重复.ID选择器只能选中单个元素，权重为100.
#id {
            width: 500px;
            height: 400px;
            background-color: #000;
            border: 1px solid red;
            margin: 0 auto;
        }
类(别)选择器：选择拥有该类别的多个元素（一般用class表示），权重为10.
.class {
            width: 400px;
            height: 300px;
            background-color: blue;
            margin: 50px auto;
            border: 1px dashed yellow;
        }
标签选择器：根据标签名称，选择页面内对应的所有此标签，权重为1.
 div{
            text-align: center;
            color:#fff;
        }
通用选择器：针对页面内的所有标签都生效。
 * {
            padding: 0px;
            margin: 0px;
        }