仓酷云

标题: 来一发CSS进修教程:display:none和visibility:hidden [打印本页]

作者: 爱飞 时间: 2015-1-15 22:52
标题: 来一发CSS进修教程:display:none和visibility:hidden
样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。
破洛洛文章简介：display:none和visibility:hidden这两个属性对应的值都是埋没对像，可是它们埋没对像有点区分。
display:none和visibility:hidden这两个属性对应的值都是埋没对像，可是它们埋没对像有点区分。

display:none:

1、假如在款式文件或页面文件代码中间接用display:none对元素举行了埋没，载进页面后，在没有经由过程js设置款式使元素显现的条件下，利用js代码会没法准确取得该元素的一些属性，好比offSetTop,offSetLeft等，前往的值会为0，经由过程js设置style.display来使元素显现后才干准确取得这些值。

2、利用display:none埋没的元素不会被百度等搜刮网站检索，会影响到网站的SEO，某些情形下可使用left:-100000px来到达一样效果。

3、假如是经由过程款式文件或<style>css</style>体例来设置元素的display:none款式，用js设置style.display=""其实不能使元素显现，可使用block或inline等值来取代。经由过程style="display:none"间接在元素长进行的设置不会有这个成绩

4、有些情形下可使用style.visibility来取代style.display，可是要注重的是style.visibility埋没元素时会保存元素在页面上所占的空间，而style.display埋没元素且让出所占页面空间。

visibility:hidden:

假如想让某一段代码在前台不显现，最复杂的办法是用css的display:none,如许，下边的内容就主动弥补这个清闲。可是在一些特别的情形下，我们只必要埋没这个元素，但它的地位不克不及被占用了，那末，visibility:hidden就能够完成这个请求。

也就是说，用，用visibility:hidden;能够很便利完成埋没元素在前台的显现，但它的地位不会被后边的元素抢占。</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。

作者: 爱飞 时间: 2015-1-17 19:15
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 小妖女 时间: 2015-1-26 21:51
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 山那边是海 时间: 2015-2-5 04:00
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 若天明 时间: 2015-2-11 04:57
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 海妖 时间: 2015-3-1 22:05
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 仓酷云 时间: 2015-3-25 04:08
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

欢迎光临仓酷云 (http://ckuyun.com/)