【CSS】组装图标
一般情况下,图标总是事先做成图片然后直接拿来调用就行了。但是碰到一个状况需要做3分比例饼图,采用3种颜色标识不同内容在总体所占的比例,简单起见,所占比例为1/8的倍数。效果如下:
这样把每一个比例单独做个图,未免工作量过大,没算错的话需要做45个图;当然你可能会想到用程序去生成图,但也要会图像编程才行,这里先不考虑。
一般情况下,图标总是事先做成图片然后直接拿来调用就行了。但是碰到一个状况需要做3分比例饼图,采用3种颜色标识不同内容在总体所占的比例,简单起见,所占比例为1/8的倍数。效果如下:
这样把每一个比例单独做个图,未免工作量过大,没算错的话需要做45个图;当然你可能会想到用程序去生成图,但也要会图像编程才行,这里先不考虑。
默认情况下,table单元格之间是有间隔的。一般情况下,我们会利用table的cellpadding和cellpadding来清除默认样式,如下:
<table cellspacing="0" cellpadding="0"></table>
但这样做不仅增加了代码的体积,而且也极其不符合样式与内容分离的web标准,因此使用css控制cellspacing/cellpadding便有其意义。
网页布局中会碰到需要某一个div有最小高度,超过最小高度后会自动扩展。比如某个div是有背景图的,高度小了背景图就不完整了影响效果。需要用到css中的min-height属性。
min-height属性的使用说明:
设置或检索对象的最小高度。如果此属性的值大于 max-height 属性的值,将会被自动转设为 max-height 属性的值。在IE6中这个属性仅仅作用于固定布局的表格内的 td 对象, th 对象, tr 对象。表格的默认布局是自动计算的,要得到固定布局的表格,设置表格的 table-layout 属性的值为 fixed 。固定布局的算法比默认的自动算法要快很多。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 minHeight 。