¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚ°ËÕ£ºÕÐÊýºÍ¹ýÂËÆ÷
ÎÒÔÚwww.c09.com ·¢±íÁËÕâ¸ö±Ê¼Ç²¢ÉÏ´«ÁËÔÖøµÄPDF£¬½ñÌìÓпգ¬×ªµ½BLOGÉÏÀ´¡£
ÕÐÊýºÍ¹ýÂËÆ÷
IEµÄÓÐÌõ¼þ×¢ÊÍ£º½öÓÃÕâÒ»Ï¾Í¿ÉÒÔ½â¾öIEµÄ¼æÈÝÎÊÌ⣬ÖÁÓÚÆäËüä¯ÀÀÆ÷µÄ²»Í¬°æ±¾£¬ÎÒÃÇÍêÈ«¿ÉÒÔºöÂÔ²»¼Æ¡£[code]
/*ÓÐÌõ¼þ×¢ÊͽöÔÚIEÖÐÖ§³ÖÇÒIE5ÒÔºóµÄËùÓа汾¾ùÖ§³Ö*/
<!--[if IE]
<style type='text/css'>
@import("ie.css");
</style>
-->
/*Ö¸¶¨IE°æ±¾*/
<!--[if IE 5]
<style type='text/css'>
@import("ie50.css");
</style>
-->
/*Ö¸¶¨IE5.5ºÍ¸ü¸ß°æ±¾*/
<!--[if gte IE 5.5]
<style type='text/css'>
@import("ie55up.css");
</style>
-->
/*Ö¸¶¨IE5.5ºÍ¸üµÍ°æ±¾*/
<!--[if lt IE 6]
<style type='text/css'>
@import("ie.css");
</style>
-->
[/code]×ÓÑ¡ÔñÆ÷¡¢ÊôÐÔÑ¡ÔñÆ÷ºÍ* HTMLÕÐÊýÕÐÊý:[code]
/*ÓÉÓÚIE6»¹²»Ö§³Ö×ÓÑ¡ÔñÆ÷ºÍÊôÐÔÑ¡ÔñÆ÷£¬ËùÒÔ¿ÉÒÔͨ¹ýËüÃÇÈÃÉ趨ÔÚIE6ÖÐÎÞЧ*/
html>body{
background-image:url(bg.png);
}
div[id='content']{
background-image:url(bg.png);
}
/*ÐǺÅHTML½«É趨ÏÞÓÚIE6ÒÔÏÂÑ¡ÔñÆ÷£¬µ«ÎҵĵçÄÔÉÏûÓÐ×°IE6£¬ÔÚIE testϸÃÕÐÊýÎÞЧ*/
* html{
font-size:small;
}
[/code]!importantºÍÏ»®ÏßÕÐÊý£º[code]
#nav{
position: fixed !important;
position: static;
}
#nav{
position:fixed;
_position:static;
}
[/code]
Ïà¹ØÎĵµ£º
Ê¹ÍøÒ³±ä»Ò£¬ÓÐÁ½ÖÖ·½·¨¿ÉʵÏÖ£º
µÚÒ»ÖÖ£¬È«²¿±ä»Ò£º
<style type="text/css">
html { FILTER: gray }
</style>
µÚ¶þÖÖ£¬¾Ö²¿±ä»Ò£¬¹ã¸æ´úÂë²»»á±ä»Ò£º
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......
CSSÓÅÏȼ¶°üº¬Ëĸö¼¶±ð£¨ÎÄÄÚÑ¡ÔñÆ÷£¬IDÑ¡ÔñÆ÷£¬ClassÑ¡ÔñÆ÷£¬ÔªËØÑ¡ÔñÆ÷£©ÒÔ¼°¸÷¼¶±ð³öÏֵĴÎÊý¡£¸ù¾ÝÕâËĸö¼¶±ð³öÏֵĴÎÊý¼ÆËãµÃµ½CSSµÄÓÅÏȼ¶¡£
CSSÓÅÏȼ¶µÄ¼ÆËã¹æÔòÈçÏ£º
* Ò³ÃæÖÐÖ±½ÓÉèÖÃstyle,¼Ó1,0,0,0
* ÿ¸öIDÑ¡ÔñÆ÷(Èç #id),¼Ó0,1,0,0
* ÿ¸öClassÑ¡ÔñÆ÷(Èç .class)¡¢Ã¿¸öÊôÐÔÑ¡ÔñÆ÷(Èç [attribute=])¡¢Ã¿¸ö ......
Ò»¡¢CSS Ö㤶ÈÓëÑÕÉ«
1¡¢³¤¶Èµ¥Î»ËµÃ÷
in Ó¢´ç
cm ¹«·Ö
mm ¹«Àï
cm ÒÔĿǰ×ÖÌå¸ß¶ÈΪµ¥Î»
ex ÒÔСд×Öĸ¸ß¶ÈΪµ¥Î»£¨´ó²¿·Ö²»Ö§³Ö£©
pt 1pt/72Ó¢´ç
pc 1pc/12pt
px ÏñËØ£¨ÍƼöʹÓã©
2¡¢ÑÕÉ«µ¥Î»£º ˵Ã÷
Ê®Áù½øÖÆÈ磺color:#ff0000
ÑÕÉ«Ãû³ÆÈ磺color:red
ÈýÔÉ«µ¥Î»È磺rgb(255,0,0)
Ò»°ã×î³£ÓõÄÊÇÊ®Áù½øÖ ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>¹Ì¶¨±íÍ·ºÍÁÐ</title>
<style>
.FixedTitleRow
......