首页 › 日存档 › 2010年03月31日

DIV 图片垂直居中

admin 2010.03.31 Css, Html, 技术文档 0
.pic
{
width:160px;
height:160px;
border:solid?1px?#ccc;
text-align:center;
}

.pic?a
{
display:table-cell;
width:160px;
height:160px;
vertical-align:middle;
*display:block;
*font-family:Arial!important;
*font-size:140px;/*约为高度的0.873，160*0.873?约为140*/
*line-height:1;
}
.pic?a?img
{
vertical-align:middle;
max-width:160px;
max-height:160px;
border:0px;
}

继续阅读 »

CSS em与px的区别

admin 2010.03.31 Css, Html, 技术文档 0

CSS中定义的长度单位有两种，相对长度和绝对长度。相对长度单位主要有：
*?em?(em，元素的字体的高度)
*?ex?(x- height，字母?”x”?的高度)
*?px?(像素，相对于屏幕的分辨率)
绝对长度单位主要有：
*?in?(英 寸，1英寸=2.54厘米)
*?cm?(厘米，1厘米=10毫米)
*?mm?(米)
*?pt?(点，1点=1/72 英寸)
*?pc?(帕，1帕=12点)

使用px和em主要优缺点如下：
1.?IE无法调整那些使用px作 为单位的字体大小，而firefox能够调整使用px和em作为单位的字体；
2.?任意浏览器的默认字体高都是16px。所有未经调整的浏览 器都符合：?1em=16px。那么 12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明?Font- size=62.5%，这就使em值变为?16px*62.5%=10px,?这样12px=1.2em,?10px=1em,?也就是说只需要将你的原 来的px数值除以10，然后换上em作为单位就行了。
em有如下特点：
继续阅读 »