CSS中visibility与display的区别
CSS中的属性visibility与display都可实现显示、隐藏元素的效果，但他们之间也有很大的区别。
visibility规定元素的内容是否显示；而display规定元素本身的现实方式，可以决定元素本身是否可见。
visibility的visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"时，虽然元素不可见，但它也会占据页面上的空间。
若想让其释放空间可以设置style.height = "0px"; style.width = "0px";也可将display属性设为：none。
以下是www.w3school.com.cn中对visibility与display的属性值的说明：
1. visibility 属性规定元素是否可见。
可能的值
值
描述
visible
默认值。元素是可见的。
hidden
元素是不可见的。
collapse
当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。
inherit
规定应该从父元素继承 visibility 属性的值。
2. display 属性规定元素应该生成的框的类型。
可能的值
值
描述
none
� ......
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content
容 器：container
页 脚：footer
版 权：copyright
导 航：menu
主导航：mainMenu
子导航：subMenu
标 志：logo
标 语：banner
标 题：title
侧边栏：sidebar
图 标：Icon
注 释：note
搜 索：search
按 钮：btn
登 录：login
链 接：link
信息框：manage
……
常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn
CSS书写规范及方法
一. 常规书写规范及方法
1. 选择DOCTYPE：
XHTML 1.0 提供了三种DTD声明可供选择：
过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)� ......
引用牛人经典口决
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display：inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。 ......
区别IE6与FF：
background:orange;*background:blue;
区别IE6与IE7：
background:green !important;background:blue;
区别IE7与FF：
background:orange; *background:green;
区别FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6
IE7
FF
*
√
√
×
!important
×
√
√
IE6
IE7
FF
*
√
√
×
!important
×
√
√
IE6
IE7
FF
*
√
√
×
!important
×
√
√
IE6
IE7
FF
*
√
√
×
!important
×
√
√
另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)
于是大家还可以这样来区分IE6，IE7，firefox
: background:orange ......
1年ほど前に作成した、(X)HTMLとCSSのマークアップガイドラインです。アルバイト先のガイドライン策定の際に、ファーストドラフトとしてつくったものです。1年アップデートしていないので情報も古いですし、直したいところもいくつかあるのですが、せっかくなのでここに出してみました。
また、以下はその際に参考にしたサイトです。くりかえしになるんですが、1年前の時点でのことなので、現在と状況が変わっていたり、この1年でほかにも良いエントリが出ていることが考えられるので、気をつけてください。
全般
SimpleBoxes | CSSとHTMLのコーディングガイドライン
そのものずばり、ガイドラインを公開されている方のエントリーです。お手本として、かなり参考にさせていただきました。
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]
益子貴寛さんが、CSS Niteで行った講演の資料です。今回の目的そのものである、XHTMLとCSSのガ� ......
1年ほど前に作成した、(X)HTMLとCSSのマークアップガイドラインです。アルバイト先のガイドライン策定の際に、ファーストドラフトとしてつくったものです。1年アップデートしていないので情報も古いですし、直したいところもいくつかあるのですが、せっかくなのでここに出してみました。
また、以下はその際に参考にしたサイトです。くりかえしになるんですが、1年前の時点でのことなので、現在と状況が変わっていたり、この1年でほかにも良いエントリが出ていることが考えられるので、気をつけてください。
全般
SimpleBoxes | CSSとHTMLのコーディングガイドライン
そのものずばり、ガイドラインを公開されている方のエントリーです。お手本として、かなり参考にさせていただきました。
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]
益子貴寛さんが、CSS Niteで行った講演の資料です。今回の目的そのものである、XHTMLとCSSのガ� ......
由于工作需要以及个人兴趣，这两天开始准备折腾Flex，首先的工作就是安装开发软件，从官网上下载了Flash Builder 4，但是在网上找了很多注册号都没用，看到有个帖子上说这些号基本上是4月1日就过期了。不过，还是功夫不负有心人啊，在CSDN上终于找到了个可用的注册机。真的很感谢CSDN大虾们的分享精神，我在这里也推荐一下吧，虽然要5分，但是还是很值得的。
注册机地址：http://download.csdn.net/source/2220663
......
最新文章 :