一,今日学习内容:
1.元素的显示和隐藏
display 显示与隐藏
属性值:
none 隐藏对象
block 显示元素
display隐藏元素之后不占有原来的位置,后期经常与js在一起连用。
visibility 显示与隐藏
visibility属性用于指定一个元素的显示与隐藏
属性:
visible 元素可见
hidden 元素隐藏
使用visibility:hidden;来隐藏元素时,元素仍然占有原来的位置
overflow 溢出显示与隐藏
overflow: visible; 不剪切内容也不添加滚动条
overflow: hidden; 将超出盒子的内容隐藏掉
overflow: scroll; 不管盒子里面的内容有没有超过父盒子的高度,都显示滚动条
overflow: auto; 超过盒子的高度显示滚动条,不超出则不显示
|