CSS 笔记 《无懈可击的WEB设计》

1.5倍关键字small smaller……
em=>parent
ex=>"x"
pc=>12 pointe

Box Model Hack

only for IE5/win:

body{
/*for IE5/win */
voice-family:"\"}\"";
voice-family: inherit;
/*for compliant browsers*/
}

not for IE5/win but other IE/win:
f\ont-size: 12px;

/* Hide from IE5/Mac \*/
*html xxx{} //only for IE/Win
/* End hide from IE5/Mac */

百分比嵌套 ：100%*80%=8%

背景图片垂直居中（not TRuBLe)
background:url('aaa.gif') no-repeat 0 50%;

Floats

display:inline 解决正确显示margin IE/Win
fix IE/Win double margin bug
fix IE/Mac 给固定的宽度


table去框架

<table cellsepacing="0">
or
border-collaspe:collapse;

尝试display:block 取代
换行

gutter 文本栏间距

浮动里 百分数无法与Px相减

Clear Float
IE/mac
display:inline-table;//消除对象内部浮动对象的影响；

self-Clearning

element:after{
content:".";
display:block;
height:0;
clear:both;
visiblity:hidden;
}

Holly Hack

/* hide from IE/Mac \*/
* html 浮动对象的父对象{height:1%}
/* End from IE/Mac */