CSS中元素的隐藏和显示(visibility, display)
visibility: hidden, visible
display: block, inline, none
visibility: 控制页面元素的显示和隐藏,不空值元素的位置特征。
document.getElementById("div").style.visibility = "hidden"; //隐藏元素
document.getElementById("div").style.visibility = "visible"; //显示元素
当元素在页面是隐藏时,会占据一个显示块,其它的元素不能使用这个位置。当元素隐藏时,它不能接收事件。
document.getElementById("div").style.display = "none";//从页面中移除这个元素,当然元素的位置也被移除。
document.getElementById("div").style.display = "inline";//此元素不会占据一行,和其它的元素一起组合显示。
document.getElementById("div").style.display = "block";//此元素占据一行,单独显示。
相关文档:
Internet Explorer 8预设是以CSS 2.1为标准,并修正了许多Internet Explorer 7的CSS Bug,这意味着有一部份以往依据IE 7所设计的网页,
在IE 8上的呈现会有所出入,所幸拜IE 7相容检视功能所赐,目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计,尽早将网站修改为IE 8相容才是长久 ......
抽时间认真学学成大势的div+css网页设计方式,先记下关键概念的领悟吧,有助对这种网页设计方式有个很好的领悟。要知道 任何东西 要知道所以然才能灵活运用,才能谈的上创新。
1、首先考虑页面的结构
所谓结构就是看看页面有那些内容块”结合构成“,列出这些内容结构块,然后进行提取,整理最后需要的一个列� ......
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header,
csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_header
{
//头部的风格 ......
发文章中,图片把div撑破了的解决办法
原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性来解决,但是这样会导致图片显示不全的问题。今天看到了一种新的解决办法,通过CSS来解决这个问题。
CSS代码
img{
max-width:500px;&nbs ......
网页切图过程中div+css命名规则
内容:content/container 导航:nav 侧栏:sidebar
栏目:column 标志:logo 页面主体:main
广告:banner 热点:hot 新闻:news
下载:download 子导航:subnav 菜单:menu
搜索:search 页脚:footer 滚动:scroll
版权:copyright 友情链接:friendlink 子菜单:sub ......