CSS³£ÓÃÊôÐÔ
Òª×ö¸öBSµÄÍøÕ¾ÏîÄ¿£¬¶ñ²¹Ò»ÏÂCSS¡£
CSS³£ÓÃÊôÐÔ£º
×ÖÌåÊôÐÔ
£º(font)
´óС font-size: x-large;(ÌØ´ó) xx-small;(¼«Ð¡) Ò»°ãÖÐÎÄÓò»µ½£¬Ö»ÒªÓÃÊýÖµ¾Í¿ÉÒÔ£¬µ¥Î»£ºPX¡¢PD
Ñùʽ font-style: oblique;(ƫбÌå) italic;(бÌå) normal;(Õý³£)
ÐÐ¸ß line-height: normal;(Õý³£) µ¥Î»£ºPX¡¢PD¡¢EM
´Öϸ font-weight: bold;(´ÖÌå) lighter;(ϸÌå) normal;(Õý³£)
±äÌå font-variant: small-caps;(СÐÍ´óд×Öĸ) normal;(Õý³£)
´óСд text-transform: capitalize;(Ê××Öĸ´óд) uppercase;(´óд) lowercase;(Сд) none;(ÎÞ)
ÐÞÊÎ text-decoration: underline;(Ï»®Ïß) overline;(ÉÏ»®Ïß) line-through;(ɾ³ýÏß) blink;(ÉÁ˸)
³£ÓÃ×ÖÌ壺 (font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
±³¾°ÊôÐÔ
£º (background)
É«²Êbackground-color: #FFFFFF;
ͼƬbackground-image: url();
ÖØ¸´background-repeat: no-repeat;
¹ö¶¯background-attachment: fixed;(¹Ì¶¨) scroll;(¹ö¶¯)
λÖÃbackground-position: left(ˮƽ) top(´¹Ö±);
¼òд·½·¨ background:#000 url(..) repeat fixed left top;
Çø¿éÊôÐÔ
£º (Block)
×Ö¼ä¾àletter-spacing: normal; ÊýÖµ
¶ÔÁõtext-align: justify;(Á½¶Ë¶ÔÆë) left;(×ó¶ÔÆë) right;(ÓÒ¶ÔÆë) center;(¾ÓÖÐ)
Ëõ½øtext-indent: ÊýÖµpx;
´¹Ö±¶ÔÆëvertical-align: baseline;(»ùÏß) sub;(ϱê) super;(ϱê) top; text-top; middle; bottom; text-bottom;
´Ê¼ä¾àword-spacing: normal; ÊýÖµ
¿Õ¸ñwhite-space: pre;(±£Áô) nowrap;(²»»»ÐÐ)
ÏÔ
ʾdisplay:block;(¿é) inline;(ÄÚǶ) list-item;(ÁбíÏî) run-in;(×·¼Ó²¿·Ö)
compact;(½ô´Õ) marker;(±ê¼Ç) table; inline-table; table-raw-group;
table-header-group; table-footer-group; table-raw; table-column-group;
table-column; table-cell; table-caption;(±í¸ñ±êÌâ)
·½¿òÊôÐÔ
£º (Box)
width:; height:; float:; clear:both; margin:; padding:; ˳Ðò£ºÉÏÓÒÏÂ×ó
±ß¿òÊôÐÔ
£º (Border)
border-style: dotted;(µãÏß) dashed;(ÐéÏß) solid; double;(Ë«Ïß) groove;(²ÛÏß) ridge;(¼¹×´) inset;(°¼ÏÝ) outset;
border-width:; ±ß¿ò¿í¶È
border-color:#;
¼òд·½·¨border£ºwidth style color;
ÁбíÊôÐÔ
£º (List-style)
ÀàÐÍlis
Ïà¹ØÎĵµ£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
<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Ҳ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS+CSSÏà²áչʾ&l ......