元素的显示和隐藏 html5和css3的一些新特性

一.元素的显示和隐藏

1.display显示隐藏

1.1隐藏元素并且不再占有原来位置

加完display:none

2.visibility显示隐藏

3.overfow溢出显示隐藏

hidden

scroll

auto

auto是超出时候才显示滚动条，scroll是总是显示滚动条

二.htmll5

菜鸟教程很详细不赘述了

三.css3

2.1属性选择器

1.选择某种属性的元素选择器

2.选择属性为某个值的

3.以什么开头的属性选择器

4.以什么为结尾的属性选择器

权重

属性 伪类选择器 类权重都是10

2.2结构伪类选择器

奇数偶数写法

指定类型

指定类型解决这个问题

伪类选择器清除浮动的本质

.clearfix:after {
    content: "";        /* 1. 创建伪元素 */
    display: block;     /* 2. 设置为块级元素 */  
    clear: both;        /* 3. 清除两侧浮动 */
    height: 0;          /* 4. 高度为0（不可见） */
    visibility: hidden; /* 5. 完全隐藏 */
}