css³£ÓÃС¼Ç
×ÖÐÍ
ÎÄ×Ö顏É«
color: #000;
ÎÄ×Ö´óС
font-size: 8pt;
ÎÄ×Ö×Ö體
font-family: “arial”, dotum;
ÎÄ×Öб體
font-style: italic;
С×Ö體
font-variant: small-caps;
×Ö間¾à離
letter-spacing: 1pt;
Ðиß
line-height: 15px; (Òà¿É為°Ù·Ö±È)
ÎÄ×Ö´Ö體
font-weight: bold;
¼Óµ×線
text-decoration: underline;
¼Ó刪³ý線
text-decoration: line-through;
¼Ó頂線
text-decoration: overline;
刪³ý連線µ×線
text-decoration: none;
Ê××Ö´ó寫
text-transform: capitalize;
Ó¢ÎÄ´ó寫
text-transform: uppercase;
Ó¢ÎÄС寫
text-transform: lowercase;
ÎÄ×Ö¿¿×ó
text-align: left;
ÎÄ×Ö¿¿ÖÐ
text-align: center;
ÎÄ×Ö¿¿ÓÒ
text-align: right;
ÎÄ×Ö·ÖÉ¢對齊
text-align: justify;
±³¾°
±³¾°顏É«
background: #e9e9e9;
±³¾°圖Ƭ²»ÖØ複
background: url(圖Ƭλַ) no-repeat;
±³¾°ÖØ複
background: url(圖Ƭλַ) repeat;
±³¾°Y軸ÖØ複
background: url(圖Ƭλַ) repeat-y;
±³¾°X軸ÖØ複
background: url(圖Ƭλַ) repeat-x;
±³¾°¸¡Ë®Ó¡¹Ì¶¨
background: url(圖Ƭλַ) fixed;
±³¾°ÖÃÖÐ
background-position: center;
±³¾°¿¿×ó
background-position: left;
±³¾°¿¿ÓÒ
background-position: right;
±³¾°¿¿ÉÏ
background-position: top;
±³¾°¿¿ÏÂ
background-position: bottom;
簡Ò×寫·¨
background: url(λַ) no-repeat top center fixed #fff;
¡ñ備註£ºÎ»Ö·請記µÃ²»ÊÇ複製ÉÏ·½µÄ網Ö·£¬¶øÊÇÔÚ圖ƬÉÏ·½°´ÓÒ鍵內ÈÝ裡µÄÄÇ個網Ö·£¡
¿ò線
È«¿ò線
border: 1px solid #000;
ÉÏ¿ò線
border-top: 1px solid #000;
Ï¿ò線
border-bottom: 1px solid #000;
ÓÒ¿ò線
border-right: 1px solid #000;
×ó¿ò線
border-left: 1px solid #000;
¿ò線種類
solid Ö±線
dotted 點線
dashed 虛線
double 雙線
groove Á¢體內͹
Ïà¹ØÎĵµ£º
<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
  ......
ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......
J2meÖÐcss½âÎö
×î½ü×öÊÖ»úä¯ÀÀÆ÷ÏîÄ¿ÖеÄCSSÄ£¿é¡£¶Ô½âÎöcssÓÐÁ˸öÕûÌåÈÏʶ¡£ÏÖ×ܽáÈçÏ£º
Ê×ÏÈ£¬¼òµ¥µÄ½éÉÜÏÂCSS £º
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
CSS Óï·¨ÓÉÈý²¿·Ö¹¹³É£ºÑ¡ÔñÆ÷¡¢ÊôÐÔºÍÖµ£ºselector {property: value}
Ñ¡ÔñÆ÷ (selector) ͨ³£ÊÇÄãÏ£Íû¶¨ÒåµÄ ......
cssѧϰ
1¡£Ò»¸öÀàÒÔ.¿ªÍ·¡£Àý£º.bigtext
2¡£Ò»¸öIDÒÔ#¿ªÍ·¡£Àý£º#header
3¡£¶¨ÒåÒ»¸ö²ã¡£Àý£º#header {position: absolute; left: 32; top: 20}
ÔÚhtmlÖУ¬<div id="header"> <img src="abc.gif"> </div>
div±ØÐë¸ø³öid¡£
4¡£overflow¡£¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸ ......
body{
background-image:url(about:blank);
background-attachment:fixed;
}
.myDiv{
position:fixed !important;
position:absolute;
top:expression(eval(document.documentElement.scrollTop));
}
bodyÔªËØÖÐbackground-image:url(about:blank);background-attachment:fixed;¿É·ÀÖ¹ie6ÖгöÏÖÉÁ ......