CSS ²Î¿¼ÊÖ²á

Çëµã»÷±í¸ñÖÐÊôÐÔÁеÄÁ´½Ó£¬¿ÉÒԲ鿴Ïà¹ØÊôÐÔµÄÏêϸÐÅÏ¢¡£

CSS ÊôÐÔ×飺

ÌáʾºÍ×¢ÊÍ£º

ÊôÐÔ£º¡°ÊôÐÔ¡± ÁÐÖ¸ÏòÓï·¨¡¢ÊµÀý¡¢ä¯ÀÀÆ÷Ö§³ÖµÈÄÚÈÝ¡£

CSS£º"CSS" ÁÐָʾÊôÐÔÊÇÔÚÄĸö CSS °æ±¾Öж¨ÒåµÄ£¨CSS1 »¹ÊÇ CSS2£©¡£

Ìáʾ£ºW3School µÄ CSS ²Î¿¼ÊֲᶨÆÚÔÚËùÓÐÖ÷Á÷ä¯ÀÀÆ÷ÖнøÐвâÊÔ¡£×îºó²âÊÔʱ¼ä£º2009 Äê 10 Ô 8 ÈÕ¡£

Ìáʾ£ºW3School µÄ CSS3 ²Î¿¼ÊÖ²á ÒѾ­·¢²¼¡£

CSS ±³¾°ÊôÐÔ£¨Background£©

ÊôÐÔ ÃèÊö CSS
background ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı³¾°ÊôÐÔ¡£ 1
background-attachment ÉèÖñ³¾°Í¼ÏñÊÇ·ñ¹Ì¶¨»òÕßËæ×ÅÒ³ÃæµÄÆäÓಿ·Ö¹ö¶¯¡£ 1
background-color ÉèÖÃÔªËØµÄ±³¾°ÑÕÉ«¡£ 1
background-image ÉèÖÃÔªËØµÄ±³¾°Í¼Ïñ¡£ 1
background-position ÉèÖñ³¾°Í¼ÏñµÄ¿ªÊ¼Î»Öᣠ1
background-repeat ÉèÖÃÊÇ·ñ¼°ÈçºÎÖØ¸´±³¾°Í¼Ïñ¡£ 1

CSS ±ß¿òÊôÐÔ£¨Border ºÍ Outline£©

ÊôÐÔ ÃèÊö CSS
border ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеı߿òÊôÐÔ¡£ 1
border-bottom ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄϱ߿òÊôÐÔ¡£ 1
border-bottom-color ÉèÖÃϱ߿òµÄÑÕÉ«¡£ 2
border-bottom-style ÉèÖÃϱ߿òµÄÑùʽ¡£ 2
border-bottom-width ÉèÖÃϱ߿òµÄ¿í¶È¡£ 1
border-color ÉèÖÃËÄÌõ±ß¿òµÄÑÕÉ«¡£ 1
border-left ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄ×ó±ß¿òÊôÐÔ¡£ 1
border-left-color ÉèÖÃ×ó±ß¿òµÄÑÕÉ«¡£ 2
border-left-style ÉèÖÃ×ó±ß¿òµÄÑùʽ¡£ 2
border-left-width ÉèÖÃ×ó±ß¿òµÄ¿í¶È¡£ 1
border-right ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÓұ߿òÊôÐÔ¡£ 1
border-right-color ÉèÖÃÓұ߿òµÄÑÕÉ«¡£ 2
border-right-style ÉèÖÃÓұ߿òµÄÑùʽ¡£ 2
border-right-width ÉèÖÃÓұ߿òµÄ¿í¶È¡£ 1
border-style ÉèÖÃËÄÌõ±ß¿òµÄÑùʽ¡£ 1
border-top ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÉϱ߿òÊôÐÔ¡£ 1
border-top-color ÉèÖÃÉϱ߿òµÄÑÕÉ«¡£ 2
border-top-style ÉèÖÃÉϱ߿òµÄÑùʽ¡£ 2
border-top-width ÉèÖÃÉϱ߿òµÄ¿í¶È¡£ 1
border-width ÉèÖÃËÄÌõ±ß¿òµÄ¿í¶È¡£ 1
outline ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÂÖÀªÊôÐÔ¡£ 2
outline-color ÉèÖÃÂÖÀªµÄÑÕÉ«¡£ 2
outline-style ÉèÖÃÂÖÀªµÄÑùʽ¡£ 2
outline-width ÉèÖÃÂÖÀªµÄ¿í¶È¡£ 2

CSS Îı¾ÊôÐÔ£¨Text£©

ÊôÐÔ ÃèÊö CSS
color ÉèÖÃÎı¾µÄÑÕÉ«¡£ 1
direction ¹æ¶¨Îı¾µÄ·½Ïò / Êéд·½Ïò¡£ 2
letter-spacing ÉèÖÃ×Ö·û¼ä¾à¡£ 1
line-height ÉèÖÃÐиߡ£ 1
text-align ¹æ¶¨Îı¾µÄˮƽ¶ÔÆë·½Ê½¡£ 1
text-decoration ¹æ¶¨Ìí¼Óµ½Îı¾µÄ×°ÊÎЧ¹û¡£ 1
text-indent ¹æ¶¨Îı¾¿éÊ×ÐеÄËõ½ø¡£ 1
text-shadow ¹æ¶¨Ìí¼Óµ½Îı¾µÄÒõӰЧ¹û¡£ 2
text-transform ¿ØÖÆÎı¾µÄ´óСд¡£ 1
unicode-bidi ÉèÖÃÎı¾·½Ïò¡£ 2
white-space ¹æ¶¨ÈçºÎ´¦ÀíÔªËØÖеĿհס£ 1
word-spacing ÉèÖõ¥´Ê¼ä¾à¡£ 1

CSS ×ÖÌåÊôÐÔ£¨Font£©

ÊôÐÔ ÃèÊö CSS
font ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓÐ×ÖÌåÊôÐÔ¡£ 1
font-family ¹æ¶¨Îı¾µÄ×ÖÌåϵÁС£ 1
font-size ¹æ¶¨Îı¾µÄ×ÖÌå³ß´ç¡£ 1
font-size-adjust ÎªÔªËØ¹æ¶¨ aspect Öµ¡£ 2
font-stretch ÊÕËõ»òÀ­É쵱ǰµÄ×ÖÌåϵÁС£ 2
font-style ¹æ¶¨Îı¾µÄ×ÖÌåÑùʽ¡£ 1
font-variant ¹æ¶¨ÊÇ·ñÒÔСÐÍ´óд×ÖĸµÄ×ÖÌåÏÔʾÎı¾¡£ 1
font-weight ¹æ¶¨×ÖÌåµÄ´Öϸ¡£ 1

CSS Íâ±ß¾àÊôÐÔ£¨Margin£©

ÊôÐÔ ÃèÊö CSS
margin ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓÐÍâ±ß¾àÊôÐÔ¡£ 1
margin-bottom ÉèÖÃÔªËØµÄÏÂÍâ±ß¾à¡£ 1
margin-left ÉèÖÃÔªËØµÄ×óÍâ±ß¾à¡£ 1
margin-right ÉèÖÃÔªËØµÄÓÒÍâ±ß¾à¡£ 1
margin-top ÉèÖÃÔªËØµÄÉÏÍâ±ß¾à¡£ 1

CSS Äڱ߾àÊôÐÔ£¨Padding£©

ÊôÐÔ ÃèÊö CSS
padding ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓÐÄڱ߾àÊôÐÔ¡£ 1
padding-bottom ÉèÖÃÔªËØµÄÏÂÄڱ߾ࡣ 1
padding-left ÉèÖÃÔªËØµÄ×óÄڱ߾ࡣ 1
padding-right ÉèÖÃÔªËØµÄÓÒÄڱ߾ࡣ 1
padding-top ÉèÖÃÔªËØµÄÉÏÄڱ߾ࡣ 1

CSS ÁбíÊôÐÔ£¨List£©

ÊôÐÔ ÃèÊö CSS
list-style ÔÚÒ»¸öÉùÃ÷ÖÐÉèÖÃËùÓеÄÁбíÊôÐÔ¡£ 1
list-style-image ½«Í¼ÏóÉèÖÃΪÁбíÏî±ê¼Ç¡£ 1
list-style-position ÉèÖÃÁбíÏî±ê¼ÇµÄ·ÅÖÃλÖᣠ1
list-style-type ÉèÖÃÁбíÏî±ê¼ÇµÄÀàÐÍ¡£ 1
marker-offset   2

ÄÚÈÝÉú³É£¨Generated Content£©

ÊôÐÔ ÃèÊö CSS
content Óë :before ÒÔ¼° :after Î±ÔªËØÅäºÏʹÓã¬À´²åÈëÉú³ÉÄÚÈÝ¡£ 2
counter-increment µÝÔö»òµÝ¼õÒ»¸ö»ò¶à¸ö¼ÆÊýÆ÷¡£ 2
counter-reset ´´½¨»òÖØÖÃÒ»¸ö»ò¶à¸ö¼ÆÊýÆ÷¡£ 2
quotes ÉèÖÃǶÌ×ÒýÓõÄÒýºÅÀàÐÍ¡£ 2

CSS ³ß´çÊôÐÔ£¨Dimension£©

ÊôÐÔ ÃèÊö CSS
height ÉèÖÃÔªËØ¸ß¶È¡£ 1
max-height ÉèÖÃÔªËØµÄ×î´ó¸ß¶È¡£ 2
max-width ÉèÖÃÔªËØµÄ×î´ó¿í¶È¡£ 2
min-height ÉèÖÃÔªËØµÄ×îС¸ß¶È¡£ 2
min-width ÉèÖÃÔªËØµÄ×îС¿í¶È¡£ 2
width ÉèÖÃÔªËØµÄ¿í¶È¡£ 1

CSS ¶¨Î»ÊôÐÔ£¨Positioning£©

ÊôÐÔ ÃèÊö CSS
bottom ÉèÖö¨Î»ÔªËØÏÂÍâ±ß¾à±ß½çÓëÆä°üº¬¿éϱ߽çÖ®¼äµÄÆ«ÒÆ¡£ 2
clear ¹æ¶¨ÔªËصÄÄÄÒ»²à²»ÔÊÐíÆäËû¸¡¶¯ÔªËØ¡£ 1
clip ¼ô²Ã¾ø¶Ô¶¨Î»ÔªËØ¡£ 2
cursor ¹æ¶¨ÒªÏÔʾµÄ¹â±êµÄÀàÐÍ£¨ÐÎ×´£©¡£ 2
display ¹æ¶¨ÔªËØÓ¦¸ÃÉú³ÉµÄ¿òµÄÀàÐÍ¡£ 1
float ¹æ¶¨¿òÊÇ·ñÓ¦¸Ã¸¡¶¯¡£ 1
left ÉèÖö¨Î»ÔªËØ×óÍâ±ß¾à±ß½çÓëÆä°üº¬¿é×ó±ß½çÖ®¼äµÄÆ«ÒÆ¡£ 2
overflow ¹æ¶¨µ±ÄÚÈÝÒç³öÔªËØ¿òʱ·¢ÉúµÄÊÂÇé¡£ 2
position ¹æ¶¨ÔªËصĶ¨Î»ÀàÐÍ¡£ 2
right ÉèÖö¨Î»ÔªËØÓÒÍâ±ß¾à±ß½çÓëÆä°üº¬¿éÓұ߽çÖ®¼äµÄÆ«ÒÆ¡£ 2
top ÉèÖö¨Î»ÔªËصÄÉÏÍâ±ß¾à±ß½çÓëÆä°üº¬¿éÉϱ߽çÖ®¼äµÄÆ«ÒÆ¡£ 2
vertical-align ÉèÖÃÔªËØµÄ´¹Ö±¶ÔÆë·½Ê½¡£ 1
visibility ¹æ¶¨ÔªËØÊÇ·ñ¿É¼û¡£ 2
z-index ÉèÖÃÔªËØµÄ¶Ñµþ˳Ðò¡£ 2

CSS ´òÓ¡ÊôÐÔ£¨Print£©

ÊôÐÔ ÃèÊö CSS
orphans ÉèÖõ±ÔªËØÄÚ²¿·¢Éú·Öҳʱ±ØÐëÔÚÒ³Ãæµ×²¿±£ÁôµÄ×îÉÙÐÐÊý¡£ 2
page-break-after ÉèÖÃÔªËØºóµÄ·ÖÒ³ÐÐΪ¡£ 2
page-break-before ÉèÖÃÔªËØÇ°µÄ·ÖÒ³ÐÐΪ¡£ 2
page-break-inside ÉèÖÃÔªËØÄÚ²¿µÄ·ÖÒ³ÐÐΪ¡£ 2
widows ÉèÖõ±ÔªËØÄÚ²¿·¢Éú·Öҳʱ±ØÐëÔÚÒ³Ãæ¶¥²¿±£ÁôµÄ×îÉÙÐÐÊý¡£ 2

CSS ±í¸ñÊôÐÔ£¨Table£©

ÊôÐÔ ÃèÊö CSS
border-collapse ¹æ¶¨ÊÇ·ñºÏ²¢±í¸ñ±ß¿ò¡£ 2
border-spacing ¹æ¶¨ÏàÁÚµ¥Ôª¸ñ±ß¿òÖ®¼äµÄ¾àÀë¡£ 2
caption-side ¹æ¶¨±í¸ñ±êÌâµÄλÖᣠ2
empty-cells ¹æ¶¨ÊÇ·ñÏÔʾ±í¸ñÖеĿյ¥Ôª¸ñÉϵı߿òºÍ±³¾°¡£ 2
table-layout ÉèÖÃÓÃÓÚ±í¸ñµÄ²¼¾ÖËã·¨¡£ 2

CSS αÀࣨPseudo-classes£©

ÊôÐÔ ÃèÊö CSS
:active Ïò±»¼¤»îµÄÔªËØÌí¼ÓÑùʽ¡£ 1
:focus ÏòÓµÓмüÅÌÊäÈë½¹µãµÄÔªËØÌí¼ÓÑùʽ¡£ 2
:hover µ±Êó±êÐü¸¡ÔÚÔªËØÉÏ·½Ê±£¬ÏòÔªËØÌí¼ÓÑùʽ¡£ 1
:link Ïòδ±»·ÃÎʵÄÁ´½ÓÌí¼ÓÑùʽ¡£ 1
:visited ÏòÒѱ»·ÃÎʵÄÁ´½ÓÌí¼ÓÑùʽ¡£ 1
:first-child ÏòÔªËØµÄµÚÒ»¸ö×ÓÔªËØÌí¼ÓÑùʽ¡£ 2
:lang Ïò´øÓÐÖ¸¶¨ lang ÊôÐÔµÄÔªËØÌí¼ÓÑùʽ¡£ 2

CSS Î±ÔªËØ£¨Pseudo elements£©

ÊôÐÔ ÃèÊö CSS
:first-letter ÏòÎı¾µÄµÚÒ»¸ö×ÖĸÌí¼ÓÌØÊâÑùʽ¡£ 1
:first-line ÏòÎı¾µÄÊ×ÐÐÌí¼ÓÌØÊâÑùʽ¡£ 1
:before ÔÚÔªËØÖ®Ç°Ìí¼ÓÄÚÈÝ¡£ 2
:after ÔÚÔªËØÖ®ºóÌí¼ÓÄÚÈÝ¡£ 2
VUE