4.CSS样式表权重及选择符

CSS样式表的权重关系

 内联样式表权重最高。
        内部样式表 和 外部样式表权重关系和书写顺序有关
        （后写的优先执行，后写把前写的覆盖,覆盖的只是相同属性，不同属性会继续执行）

    产生权重权重关系，必然会体现css的层叠性！
    
     场景1：
        老板命令：明天休息一天不用来公司。
        主管命令：明天有一个项目，需要加班一天
        UI小姐姐命令：明天一起喝咖啡

        命令解析：老板说话的权重最高！其次是主管的权重！UI同事权重


    场景2：
        老板说：明天上午10点到12点，来办公室开会
        主管说：明天下午2点到5点，上线项目
        UI小姐姐说：明天下班后一起吃饭

        命令解析：每个命令不冲突，都能执行！

    总结：
        冲突的情况下：按照权重高的进行执行！（权重高的会替换掉权重低的）
        不冲突的情况下：每个都能进行执行。       
      

网页布局
先划分上下结构
然后再划分左右
从外往里写

css选择符

作用：对html标签进行选择然后写css样式。
一：类型选择符（标签选择符）
        用法:所有的html标签都能直接当作选择符来用
        特点：能选择页面中所有的当前同类标签！


    二：id选择符（就相当于身份证号）
        语法：
            起id名字：
                <标签 id="名称"></标签>
            用id名写样式：
                #id名称{ css样式 }
        id名特点：
            id有唯一性（单一一个页面内只能出现一次！）
            id名称用来划分网页外围结构

    三：class选择符（类选择符）
        语法：
            起class名：
                <标签 class="名称1 名称2 名称3"></标签>
            用class名写样式：
                .名称{  css样式  }
        class名的特点：
            a: 一个标签可以拥有多个class名
            b：class名可以重复出现
            c：class名更适合定义一类样式。


    四：包含选择符（通过父元素找子元素）
        语法：
            父元素选择符  子元素选择符{ css代码 }


    五：群组选择符
        语法说明：把分散的标签组合成一组，让后给一组添加样式。
            选择符1,选择符2,选择符3,选择符4{ css代码 }

    六：通配符
        说明：选择当前页面中所有的标签！
        *{
            margin:0;      盒子外面的间距清0
            padding:0;     盒子内部填充清0
        }
        注：只要写css样式 必须再开头  *{margin:0;padding:0;}
        
    拓展：起名规范：
        a: 起名称不能使用关键字（所有的标签和属性都是关键字）
        b: 小写英文字母开头，后面可以跟数字、字母、下划线、连字符
        c: 起名字尽量反应板块的用途 eg ： news  case  sport  nav logo .. 
        d：起名字方法：
            1）驼峰式命名法：boxLeft boxRight boxCenter
            2) 连字符 ： box-left box-right box-center
            3) 下划线 ： box_left  box_right  box_content