爱飞 发表于 2015-1-15 22:52:03

来一发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:34

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

小妖女 发表于 2015-1-26 21:51:16

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

山那边是海 发表于 2015-2-5 04:00:33

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

若天明 发表于 2015-2-11 04:57:10

使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

海妖 发表于 2015-3-1 22:05:58

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

仓酷云 发表于 2015-3-25 04:08:46

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
页: [1]
查看完整版本: 来一发CSS进修教程:display:none和visibility:hidden