|
| WWW.DBIT.CN 2007-12-10 9:47:14 热度： |
|
| |
CSS Hack CSS小技巧
CSS在浏览器支持与实作的方式不同，甚至存在bug，都让设计人员在跨浏览器的页面设计遇到挑战。为了解决这些难题而发展出的技巧，便称为CSS Hack。
例如IE 5在Width这个语法实作，与W3C制定的标准有所不同，造成它与其它浏览器会呈现不同的结果。为了解决这个问题，而有所谓「Box Model Hack」的技巧，让IE 5也能和其它浏览器呈现相同的结果。
Pseudo Class 虚拟类别
最常见的虚拟类别是应用在超级链接语法上。例如超级链接指定连结颜色（a:link）、造访过颜色（a:visit）、以及鼠标经过（a:hover）等。
事实上虚拟类别不只能用在超级链接上，例如表格或窗体输入字段等，CSS都能选取并指定多种状态，但是由于IE 6以前的浏览器只支持少数虚拟类别语法，即使最常见的超级链接也支持不完整（a:focus便不支持），造成使用的人很有限。
Inheritance 继承
继承是CSS在设计上相当具有效率的原则，能精简设计上的复杂性。例如在「body」选取器指定字型与大小之后，包含在「body」底下的所有元素，都会自动继承这个样式，不需要一一为子系的元素再指定样式。
继承而来的属性，也可以透过指定值进行复写，因此如果区块需要不同的字型，只需要重新指定新值给这个区块，就可以采用新字型。透过这种方式，可以大为减少选取器的数量。
float 飘浮，文绕图
CSS的文绕图的功能是透过指定「float」属性值，就能让区块「飘浮」起来，并透过指定左、右位置，移到定点。
文绕图虽然是用在图、文关系上，不过在设计实务中，更大量应用在版面定位上。另一个常用来定位版本的功能是「position」，它可以精确地用像素指定任意位置。利用「float」或「position」，便可以取代过去透过巢状表格才能达到的精准定位。 |
|
| |
|
|
|
|
|
|
|
|
