Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

cssÓëjsÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
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-left-color
borderLeftColor
border-left-style
borderLeftStyle
border-left-width
borderLeftWidth
border-right
borderRight
border-right-color
borderRightColor
border-right-style
borderRightStyle
border-right-width
borderRightWidth
border-style
borderStyle
border-top
borderTop
border-top-color
borderTopColor
border-top-style
borderTopStyle
border-top-width
borderTopWidth
border-width
borderWidth
clear
clear
float
floatStyle
margin
margin
margin-bottom
marginBottom
margin-left
marginLeft
margin-right
marginRight
margin-top
marginTop
padding
padding
padding-bottom
paddingBottom
padding-left
paddingLeft
padding-right
paddingRight
padding-top
paddingTop
ÑÕÉ«ºÍ±³¾°±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSS Óï·¨£¨²»Çø·Ö´óСд£©
JavaScript Óï·¨£¨Çø·Ö´óСд£©
background
background
background-attachment
backgroundAttachment
background-color
backgroundColor
background-image
backgroundImage
background-position
backgroundPosition
background-repeat
backgroundRepeat
color
color
 
Ñùʽ±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScript Óï·¨£¨Çø·Ö´óСд£©
display
display
list-style-type
listStyleType
list-style-image
listStyleImage
list-style-position
listStylePosition
list-style
listStyle
white-space
whiteSpace
 
ÎÄ×ÖÑùʽ±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSS Óï·¨£¨²»Çø·Ö´óСд£©
JavaScript Óï·¨£¨Çø·Ö´óСд£©
font
font
font-family
fontFamily
font-size
fontSize
font-style
fontStyle
font-variant
fontVariant
font-weight
fontWeight
 
Îı¾±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSS Óï·¨£¨²»Çø·Ö´óСд£©
JavaScript Óï·¨£¨Çø·Ö´óСд£©
letter-spacing
letterSpacing
line-break
lineBreak
line-height
lineHeight
text-align
textAlign
text-decoration


Ïà¹ØÎĵµ£º

¡¾CSSÈëÃÅ¡¿Æß¡¢Àí½âºÐ×ÓÄ£ÐÍ

ºÐÄ£ÐÍ£¬ÊÇXHTML
+CSS
²¼¾Ö
Ò³ÃæÖеÄ
ºËÐÄ£¡ÊǹØÏµµ½Éè¼ÆÖÐÅŰ涨λµÄ¹Ø¼ü£¬¶¼×ñÑ­ºÐÄ£Ð͹淶£¬ÀýÈç<div>¡¢<p>¡¢<a>……ºÐÄ£ÐͰüº¬
(Íâ
±ß¾à)margin£¬(Äڱ߾à)padding £¬(ÄÚÈÝ)content£¬(±ß¿ò)border¡£
ÏÂͼÊÇCSSºÐÄ£Ð͵ÄʾÒâͼ 


ÕâЩÊôÐÔÎÒÃÇ¿ÉÒÔ°ÑËü×ªÒÆµ½ÎÒÃÇÈÕ³£Éú» ......

cssÐÂÊÖÈëÃÅ½Ì³Ì ×ÝÏòÏÂÀ­¼°¶à¼¶µ¯³öʽ²Ëµ¥

×¢ÒâÊÂÏ
             ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......

div+cssʵÏÖÒ³Ãæ¾Ö²¿´òÓ¡

CSSʵÏÖ¾Ö²¿´òÓ¡
¹Ø¼ü×Ö: cssʵÏÖ¾Ö²¿´òÓ¡
        ÔÚʵÏÖ´òÓ¡Ô¤ÀÀµÄʱºò£¬¿ÉÒÔ²ÉÓÃJSÀ´Íê³ÉÕâÒ»¹¦ÄÜ£¬µ«ÕâÑù»áÈÃËùÓÐÔÚÒ³ÃæÉϵIJ¿·Ö¶¼´ðÓ¦³öÀ´£¬°üÀ¨Ïñ“´òÓ¡Ô¤ÀÀ”ÕâÑùµÄ°´Å¥Ò²»á´òÓ¡£¬ÕâÑùµÄÇé¿ö£¬¿ÉÒÔ²ÉÓÃCSSÀ´Íê³É¾Ö²¿´ðÓ¦µÄ¹¦ÄÜ¡£
     & ......

cssÑùʽ±íµÄÎÊÌâ

cssµÄ¼Ì³Ð¹ØÏµ£¨.ts a{...}£©
     .ts a{ width:100px;line-height:34px; display:block;}
     .ts a:link,a:visited{color:#000;background:#9CB3C1;text-decoration: none;}
     .ts a:hover,a:active{ color:#FFFF00;background:#000;}
<div sty ......

ÍøÒ³Éè¼Æ CSS²¼¾Öµ÷ÊÔµÄÓÐЧ·½·¨

Webǰ¶Ë
  ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾­³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ