HTMLday5

display属性

display属性，可以用来控制标签元素的显示属性值：

                block 把元素转化为块属性标签

                inline把元素转化为行属性标签

                none隐藏标签元素

                inline-block 内联块元素（行内块元素）

                display：inline-block；

                他的本质是对内显示块标签属性，对外显示行标签属性

两个内联块元素之间的缝隙的处理方式

原因：连个内联块元素之间键入了回车，回车也是一个字符，它的大小跟父标签的font-size有关

        解决办法: 1.去掉回车键

                         2.设置他们父元素的大小为0

ps：字体的大小是可以被传递到子元素上的

CSS选择器

基础选择器

1. 通配符选择器

        *表示通配符，它可以匹配任何标签

        使用方式

*{
    css内容
        }

2.标签选择器

        E{ css内容 } 给所有标签名为E的元素设置CSS样式

3.类名选择器

        .类名{ css内容 }

        使用是需要在标签上绑定 class="类名" 如果有多个类名，使用空格隔开，类名最好不超过五个

4.id选择器

        #id名{ css内容 }

        在一个页面当中，id是唯一的，只能绑定在一个标签上，也就是一个页面中没有同名的id

5.群组选择器

        如果多种选择器所表达的css内容是相同的，则可以把他们携程群组选择器

        .wp,#abc,div{ css内容 }

层次选择器

6.后代选择器

        E M{ css内容 } 通过E 选择器设置E中的M，选择器的css内容，M可以是E的子集，也可以是E的后代中的某一个选择器

7.父子选择器

        E>M { css内容 } 通过E选择器找到E选择器的子集M选择器，设置css内容

8.兄弟选择器

        E~M { css内容 } 通过E选择器 找到该元素之后所有选择器名为M的兄弟元素，并且对M设置css样式

9.相邻兄弟选择器

        E+M { css内容 } 通过E 选择器找到 该元素之后第一个兄弟元素M，并且对M设置css样式

9.伪类选择器

爱恨法则 先爱后恨

a的伪类

伪类，是css系统创建好的内部的类，用来对标签的某一个时机设置格式

link： 初始的状态

visited：点击之后的状态

hover：鼠标悬浮时候的状态

active： 鼠标按下不松手的状态

IE8以后，任何标签都可以添加 :hover 伪类

可以根据hover 出发元素本身，以及通过元素能找到的元素的变化

选择器的优先级

        什么时候需要考虑选择器的优先级？

        不同的选择器，同时作用于同一个标签元素，他们具有相同的css属性设置，对该css属性设置了不同的值

        选择器的优先级强弱

                ！important最高

千位         1.行间样式，在标签上添加style属性

百位         2.id选择器

十位         3.类选择器 伪类选择器 属性选择器

个位         4.元素（标签名）选择器        伪元素选择器

                5.通配符选择器

                6.系统默认提供的css属性

假设后面的数字是权重的值，那么在比较的时候，只需要把选择器的值相加，然后比较大小即使权重的大小

权重一致比较源次序 靠后的胜出