CssÊôÐÔ¼û½â
×òÌìѧϰÁËCssµÄһС²¿·ÖÊôÐÔ£¬ÕâЩÊôÐÔÒ»Ö±´Ó×òÌìÁ·Ï°µ½½ñÌ죬¸Ð¾õÈç¹ûÏë°ÑÕâЩÊôÐÔÍêÈ«µÄÕÆÎÕÀι̻¹ÐèÒª´óÁ¿µÄÁ·Ï°£¬¿´µ½Í¬Ñ§Ò»¸ö±ÈÒ»¸öѧϰŬÁ¦£¬ÓеÄͬѧÒѾ³¬Ç°Ñ§Ï°£¬ÐÄÀï¸Ðµ½ÆßÉϰËϵģ¬Òò´Ë×Ô¼ºÒ²ÔÚÂýÂý×êÑУ¬²»ÄÜÂäµ½±ðÈ˵ĺóÃæ£¬×òÌìÖ÷ÒªÊÇÁ·Ï°ÁË£¬½ñÌìÖ÷ÒªµÄ×ܽáÁËһЩCssµÄÊôÐÔ£º
Îı¾
font-family ×ÖÌåÀàÐÍ
Arial,Helvetica,sans-serif
font-size ×ÖÌå´óС
12px
font-weight ×ÖÌåÖØÁ¿
400
font-style ×ÖÌå·ç¸ñ
normal
Color ×ÖÌåÑÕÉ«
#000000
text-transform Îı¾×ª»»
none
text-decoration ÎÄ×Ö×°ÊÎ
none
letter-spacing ×Öĸ¼ä¾à
normal
word-spacing ×Öĸ¾à
0
line-height Ï߸߶È
18px
text-align Îı¾¶ÔÆë
start
vertical-align ´¹Ö±¶ÔÆë
baseline
Direction ·½Ïò
ltr
±³¾°
background-color
transparent
background-image
none
background-repeat
repeat
background-position ±³¾°Î»ÖÃ
0 0
background-attachment ±³¾°¸½¼þ
scroll
opacity ²»Í¸Ã÷
1
ºÐÄ£ÐÍ
width ¿í¶È
895px
height ¸ß¶È
305px
top ¶¥¶Ë
auto
right ÓÒ±ß
auto
bottom µ×²¿
auto
left ×ó±ß
auto
margin-top
0
margin-right
0
margin-bottom
0
margin-left
0
padding-top
0
padding-right
0
padding-bottom
0
padding-left
0
border-top-width
0
border-right-width
0
border-bottom-width
0
border-left-width
0
border-top-color
#000000
border-right-color
#000000
border-bottom-color
#000000
border-left-color
#000000
border-top-style
none
border-right-style
none
border-bottom-style
none
border-left-style
none
²¼¾Ö
position λÖÃ
static ¾²Ì¬
display ÏÔʾ
block ¿é
visibility Äܼû¶È
visible ¿É¼û
z-index zË÷Òý
auto ×Ô¶¯µÄ
overflow-x Òç³ö
visible
overflow-y
visible
white-space °×É«¿Õ¼ä
normal
clip ¼ô¼
auto
float ¸¡¶¯
none
clear Çå³þµÄ
none
-moz-box-sizing- Ī×ȺУ¬½¬É´
content-box ÄÚÈݺÐ
ÆäËü
cursor Óαê
auto
list-style-image ÁбíÑùʽͼƬ
none
list-style-position ÁбíÑùʽλÖÃ
outside
list-style-type ÁбíÑùʽÀàÐÍ
disc Ƭ
marker-offset ±ê¼ÇÆ«ÒÆ
auto
ͨ¹ý×ܽáÕâЩÊôÐÔ£¬ÈÃÎҸоõµ½ÁËÒ»µã°²Î¿£¬ÎÒ»á°ÑËûÃÇÊìÁ·ÕÆÎÕÒÔ¼°ÔËÓõĵ½ÒÔºóµÄÁ·Ï°ÖУ¬ÈÃ×Ô¼ºÒ
Ïà¹ØÎĵµ£º
CSSÃüÃû¹æ·¶
Ò»£®ÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
¶þ£®³£ÓÃÀà/IDÃüÃû¹æ·¶
Ò³¡¡Ã¼£ºheader
ÄÚ¡¡ÈÝ£ºcontent
ÈÝ¡¡Æ÷£ºcontainer
Ò³¡¡½Å£ºfooter
°æ¡¡È¨£ºcopyright¡¡
µ¼¡¡º½£ºmenu
Ö÷µ¼º½£ºmainMenu
×Óµ¼º½£ºsu ......
1) ±àÒëCSS×ÊÔ´
Îļþä¯ÀÀÆ÷£¨Navigator£©ÖУ¬ÔÚ±ê×¼µÄFlex CSSÎļþÉϵã»÷ÓÒ¼ü£¬µã»÷Compile CSS to SWF¼´¿ÉÍê³É±àÒëCSSµÄÈÎÎñ¡£
ÔÚ³ÌÐòÖпÉÒÔÓÃStyleManager.loadStyleDeclarations()À´¶Á³öÒѱàÒëºÃµÄCSSÎļþÖеÄÄÚÈÝ¡£
¾ßÌå²Ù×÷ÈçÏÂ:
&nbs ......
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
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 ......
2010-01-26
@importµ÷ÓÃcssºÍlink hrefµ÷ÓÃÓÐÊ²Ã´Çø±ð£¿
ÎÄÕ·ÖÀà:Webǰ¶Ë
´ó¼ÒÈ¥·ÖÎöһЩ´óÕ¾µÄcss´úÂëʱ£¬¶¼»á·¢ÏÖµ÷ÓÃcssÓÐÒÔÏÂÁ½ÖÖ·½·¨£º
·½·¨Ò»£º
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style ......
½ñÌìѧϰÁËcssµÄÒýÈ뷽ʽºÍcssµÄÑ¡ÔñÆ÷
CssÒýÈ뷽ʽ×ܹ²ËÄÖÖ·Ö±ðÊÇ£º
1.<link rel=”realstyle” type=”text/css” href=”css.css”>
rel ±íÃ÷Á¬½ÓµÄÎļþÓëhtmlÎĵµÖ®¼äµÄ¹ØÏµ
type ÊDZíÃ÷ÎļþÀàÐÍ
href Ö¸ÏòÁ´½ÓµÄcssÎļþ
2.ÔÚhtmlÎĵµµÄhead²¿·ÖÖ±½ÓдÈëc ......