一些闲言碎语,好记星不如烂笔头(一)
一句话 · 一个问题
- 在火狐的三维样式图里边可以看到,最外层的div,父级元素,总是沉在在最下边。就跟搭积木一样,一块一块的。行内元素和块元素就像一些积木(盒子)一样,文字就是文字。
- zoom属性,是IE特有属性,不是CSS标准。并且好像在IE6、7下,他的缩放时高低的缩放,IE9则是宽高等比同时缩放的。会触发haslayout的。
- 而height:1%;是CSS标准属性,也会触发haslayout。 那么什么又是haslayout 呢?它是IE特有的一个属性,IE6、7、8所共有的,并不是W3C标准,大多数IE下的显示错误都源于它,彻底搞清,请点击“实战haslayout”!(注:layout是指一个独立的布局,是IE特有的,触发以后就变成haslayout=true,并且只能触发不能定义。)
- IE6,元素的尺寸会被内容撑大,其他浏览器,元素的尺寸大小不会受内容影响。即IE6即使定义了尺寸,内容多了他也会被撑大!(注:所以,有时候会对height单独设一个auto,然后加上!important,我觉得就是给其他浏览器看的。)
- float的div一定要闭合!例如:兄弟块A、B、C,A和B浮动了,不希望C继续平移,而是往下排。就需要清除浮动!
- 居中问题
①垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过vertical-align: middle.( 注意内容不要换行.)
②水平居中. margin: 0 auto;(当然不是万能) - 作为外部的 div 不要定死高度, 最好还加上 overflow: hidden和weight:auto..以达到高度自适应。
-
<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
必须对应”格式——以UTF-8无BOM编码格式“
<meta http-equiv="Content-Type" content="utf-8" />
必须对应“格式——以ANSI编码格式”
- visibility:其中需哟强调的是,它的隐藏hidden和display:none不一样,他是隐藏还留位,后者是彻底消失!还有,它对所有浏览器都兼容!
inherit : 默认值。继承父对象的可见性 visible : 对象可视 collapse : 未支持。主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于 hidden hidden : 对象隐藏