CSS选择器之CSS基础选择器

CSS选择器作用：找到特定的html页面元素

CSS基础选择器：

1.标签选择器(元素选择器)--是指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式，语法如下：
        标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

        作用：标签选择器可以把某一类表圈全部选择出来，比如所有的div标签和所有的span标签
        优点：是能快速为页面中同类型的标签统一样式
        缺点：不能设计差异化样式
        总结口诀：
            标签选择器 页面同选起 直接写标签 全部不放弃

2.类选择器--类选择器使用"."(英文)进行标识，后面紧跟类名，语法如下：
        类名选择器：
        .类名{
            属性1:属性值1;
            属性2:属性值2;
            属性3:属性值3;
        }
        标签：
        <p class="类名"></p>

   优点：可以为元素对象定义单独或相同的样式，可以选择一个或多个标签
        注意：
            类选择器使用"."(英文点号)进行标识，后面紧跟类名(自定义)
            长名称或词组可以使用中横线来为选择器命名
            不要纯数字、中文等命名，尽量使用英文字母来表示
        总结口诀：
            差异化选择 一个或多个 上面点定义 类名别写错 谁用谁调用 class谁来做 嘿嘿，工作类最多
        类选择器特殊用法--多类名，可以给标签指定多个类名，从而达到更多的选择目的
            eg：<span class="blue font100">G</span>

3.id选择器--id选择器使用#进行标识，后面紧跟id名，其基本语法如下：
        id选择器：
        #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
        标签：
        <p id="id名"></id>

        注意：
            元素的id值是唯一的，只能对应于文档中的某一个具体的元素
            用法基本和类选择器相同
        id选择器和类选择器的区别：
            W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class名
            类选择器(class)好比人的名字，是可以多次重复使用的
            id选择器(id)好比人的身份证号码，全中国是唯一的，不得重复，只使用一次，一般用于页面唯一性的元素身上，经常和javascript搭配使用 

4.通配符选择器--通配符选择器用*号表示，*就是所有的，是所有选择器中作用范围最广的，能匹配页面中的所有元素，其基本语法如下：
        *{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

        eg:使用通配符选择器定义CSS样式，清除所有HTML标记的默认边距
            *{
                margin:0;/*定义外边距*/
                padding:0;/*定义内边距*/
            }
        注意：会匹配页面所有的元素，降低页面的响应速度，不建议随便使用

5.CSS基础选择器总结：

        基础选择器就学习了4个，尽量少使用通用选择器，尽量少使用ID选择器(经常和JS搭配使用)，不使用无具体语义定义的标签选择器div span