一些闲言碎语,好记星不如烂笔头(一)

一句话 · 一个问题

  1. 在火狐的三维样式图里边可以看到,最外层的div,父级元素,总是沉在在最下边。就跟搭积木一样,一块一块的。行内元素和块元素就像一些积木(盒子)一样,文字就是文字。
  2. zoom属性,是IE特有属性,不是CSS标准。并且好像在IE6、7下,他的缩放时高低的缩放,IE9则是宽高等比同时缩放的。会触发haslayout的。
  3. 而height:1%;是CSS标准属性,也会触发haslayout。    那么什么又是haslayout 呢?它是IE特有的一个属性,IE6、7、8所共有的,并不是W3C标准,大多数IE下的显示错误都源于它,彻底搞清,请点击“实战haslayout”!(注:layout是指一个独立的布局,是IE特有的,触发以后就变成haslayout=true,并且只能触发不能定义。)
  4. IE6,元素的尺寸会被内容撑大,其他浏览器,元素的尺寸大小不会受内容影响。即IE6即使定义了尺寸,内容多了他也会被撑大!(注:所以,有时候会对height单独设一个auto,然后加上!important,我觉得就是给其他浏览器看的。)
  5. float的div一定要闭合!例如:兄弟块A、B、C,A和B浮动了,不希望C继续平移,而是往下排。就需要清除浮动!
  6. 居中问题
    ①垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过vertical-align: middle.( 注意内容不要换行.)
    ②水平居中. margin: 0 auto;(当然不是万能)
  7. 作为外部的 div 不要定死高度, 最好还加上 overflow: hidden和weight:auto..以达到高度自适应。
  8. <meta http-equiv="content-type" content="text/html"; charset="utf-8" />

    必须对应”格式——以UTF-8无BOM编码格式“

    <meta http-equiv="Content-Type" content="utf-8" />

    必须对应“格式——以ANSI编码格式”

  9. visibility:其中需哟强调的是,它的隐藏hidden和display:none不一样,他是隐藏还留位,后者是彻底消失!还有,它对所有浏览器都兼容!
    inherit :  默认值。继承父对象的可见性
    visible :  对象可视
    collapse :  未支持。主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于 hidden
    hidden :  对象隐藏
posted @ 2013-03-15 10:09  涅磐归来  阅读(230)  评论(0编辑  收藏  举报