美文网首页
CSS元素的显示与隐藏

CSS元素的显示与隐藏

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-18 17:18 被阅读0次

让一个元素在页面中隐藏或者显示出来。

1、display  显示隐藏(模式转化也是此属性)

none 隐藏对象    隐藏之后原来位置消失

block除了转换为块级元素之外,还可显示对象

2、visibility  显示隐藏

hidden 元素可视隐藏    隐藏之后继续占有原来位置

visible 元素可视    

3、overflow  溢出部分显示隐藏

visible 默认显示,全部显示,不剪切(隐藏)溢出部分

hidden 隐藏溢出部分

scroll 溢出部分显示滚动条,一直显示

auto 在需要时候显示滚动条,没超过就不会显示

拓展:滤镜filter

filter属性设置图片模糊效果或者颜色偏移。

公式:filter:函数();    例如filter:blur(5px); blur模糊处理,数值越大越模糊

相关文章

  • css元素显示与隐藏

    概念 让一个元素在页面中隐藏或者显示出来。 1.display 属性 作用: 设置一个元素如何显示 display...

  • CSS元素的显示与隐藏

    让一个元素在页面中隐藏或者显示出来。 1、display 显示隐藏(模式转化也是此属性) none 隐藏对象 隐...

  • CSS进阶(一)

    元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibi...

  • CSS资料二(内容来自黑马培训机构)

    元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibi...

  • CSS-元素的显示与隐藏

    display display:none隐藏元素,不是删除,但元素一直存在于页面中特点:隐藏之后不再保留位置 vi...

  • CSS display显示

    显示 CSS的display属性指定了HTML元素的显示方式,visibility属性指定一个元素应可见还是隐藏。...

  • Day8:html和css

    Day8:html和css 显示和隐藏: display: none 为 无,隐藏元素display: block...

  • CSS-高级技巧

    1. 元素的显示与隐藏 ① display 显示 display 设置元素是否及如何显示。 特点:隐藏之后,不再保...

  • jQuery动态效果学习笔记

    资料来源 W3Cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 显示已经设置隐藏的元素 1....

  • 说说 Vue.js 中的 v-show 指令

    1 用法 v-show 指令通过改变元素的 css 属性(display)来决定元素是显示还是隐藏。 html: ...

网友评论

      本文标题:CSS元素的显示与隐藏

      本文链接:https://www.haomeiwen.com/subject/abbuxktx.html