<div style="display:">显示</div><div style="display:none;">隐藏不占位</div> <div style="visibility:">显示</div><div style="visibility:hidden;">隐藏占位</div> <div visible="…

http://www.cnblogs.com/zhangran/archive/2012/08/29/2662459.html 说明:在学习css的过程中由于其中包含太多的元素.属性等等,总有许多是自己拿不准甚至经常出错的地方,通过这 个博客把易错点记录下来,自己用:也顺便跟大家分享. 易混属性:    1.display属性的none可以隐藏标签,visibility的none也可以隐藏标签.    区别:前者隐藏且不占原来位置上的空间,后者隐藏但是还占据着原来位置上的空间.…

说到标签的隐藏,你们会用到什么呢?display?visibility?还是服务器控件的visible? 显然,这三者都能起到隐藏与显示的效果,但是用途确完全不一样,请看用法与区别: <div style="display:">显示</div> <div style="display:none;">隐藏不占位</div> <div style="visibility:">显示</d…

当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.注意,当元素被隐藏之后,就不能再接收到其它事件了. display属性就有一点不同了.visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征. 当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像<div>元素一样,它会在那个点被放入到页面中.(实际上你可以设置<span>的disp…

背景background 1.background-color:''   背景颜色 2.background-image:'' 背景图片 background-repeat:'' 背景图片是否平铺 取值: repeat  (默认)垂直和水平平铺 repeat-x 仅在水平方向平铺 repeat-y 仅在垂直方向平铺 no-repeat 不平铺  仅显示一个 3.属性设置背景图的起始位置 background-position:x,y 4.背景图尺寸 background-size 取值 :宽度,…

一.HTML标签的分类和转换 1.1,三类HTML标签 1.2,三类HTML标签的特点 1.3,三类标签的转换--display:none隐藏于visibility不同之处 二.HTML某些标签--不走寻常路 ----------------------------------------------------------- 一.HTML标签的分类和转换 1.1,三类HTML标签 常用block元素:div p  h1-h6 ol  ul  table  form  li 常用inline元素…

display display 设置或检索对象是否及如何显示 display: none 隐藏对象与它相反的是display:block 除了转换为块级元素之外,同时还有显示元素的意思 特点: 隐藏之后,不再保留位置. visibility 设置或检索是否显示对象 visible: 对象可视 hidden: 对象隐藏 特点: 隐藏之后,继续保留原有位置 overflow 溢出 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容. visible: 不剪切内容也不添加滚动条. auto: 超…

# display总结:# inline总结: # 1.同行显示, 就相当于纯位文本, 当一行显示不下, 如就是一字显示不下, 那么显示不下的那个字会自动换行;# 和纯文本的区别就是有纯文本的概念, 标签与标签间有一个空格隔断. * /# 2.支持部分CSS样式, 不支持宽高 | 行高不支持(行高会映射到父级block标签) | margin上下 | 支持margin左右 * /# 3..content由文本内容撑开 * /# 4.inline标签只嵌套inline标 # inline-bloc…

{ display: none; /* 不占据空间,无法点击 */ }  { visibility: hidden; /* 占据空间,无法点击 */ }  { position: absolute; top: -999em; /* 不占据空间,无法点击 */ }  { position: relative; top: -999em; /* 占据空间,无法点击 */ }  { position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }  {…

hidden是html中的属性,规定元素是否可见 display是css中的样式,规定元素是否显示 visible 是css中的样式,规定元素是否可见 display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到. visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到. $("#id").hide()实际上是设置了css中的display为none,$("…