仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 914|回复: 6
打印 上一主题 下一主题

[DIV+CSS] 来一发CSS进修教程:display:none和visibility:hidden

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:52:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。
破洛洛文章简介:display:none和visibility:hidden这两个属性对应的值都是埋没对像,可是它们埋没对像有点区分。
display:nonevisibility: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 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
若天明 该用户已被删除
5#
发表于 2015-2-11 04:57:10 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
海妖 该用户已被删除
6#
发表于 2015-3-1 22:05:58 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
7#
发表于 2015-3-25 04:08:46 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-26 01:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表