¡¶¾«Í¨CSS¸ß¼¶WEB±ê×¼½â¾ö·½°¸¡·µÚÒ»Õ£º»ù´¡ÖªÊ¶
ÎÒÔÚµÚ¾ÅÇø ÉÏ·¢±íÁËÕâ¸öϵÁеıʼǣ¬²¢ÉÏ´«ÁËÔ×÷µç×ÓÊ飬½ñÌìÓпգ¬×ªÒ»Ï¹ýÀ´¡£
µÚÒ»Õ¡¢»ù´¡ÖªÊ¶
1.1Éè¼Æ´úÂëµÄ½á¹¹
Éè¼Æ´úÂëʱӦ¸ÃʹÓÃÓÐÒâÒåµÄ±ê¼Ç£¬±ÈÈ磬xHTMLÀï°üº¬ºÜ¶àÓÐÒâÒåµÄÔªËØ£¬Èçh1¡¢ul¡¢strong¡¢theadµÈµÈ£¬Ó¦ÓÃʹÓÃËùÓÐÒâÒåºÏÊʵÄÔªËØ£»µ±ÏÖÓÐÔªËØ²»×ãÒÔÃèÊöÒ³ÃæÄÚÈÝʱ£¬¿ÉÒÔÓÃid»òÊÇclassÀ´¸³ÓèËüÃǶîÍâµÄÒâÒå(ÏÔÈ»£¬Ä¿Ç°ÓÃXMLÀ´´´½¨×Ô¼ºµÄÔªËØÈÔÈ»ÊDz»ÏÖʵµÄ)¡£
Ò»¸öidÖ»ÄÜÃüÃûÒ³ÃæÉϵÄÒ»¸öÔªËØ£¬¶øÔÚÕû¸öÕ¾µãÉÏ£¬idÃüÃûÈÔÓ¦¸Ã±£³ÖÒ»ÖÂ;
classÊʺÏÓÃÀ´±êʶͬһÀàÐÍ»òÏàËÆµÄÌõÄ¿£¬±ÈÈ磬һ¸öÐÂÎÅÒ³ÃæÖÐÿÌõÐÂÎŵÄÈÕÆÚ£¬¶¼¿ÉÒÔͳһ·ÖÅäclassΪdate;
ÃüÃûidºÍclassʱ£¬Ó¦¸Ã¾¡Á¿±£³ÖÃû³ÆÓÐÒâÒåÇҺͱíÏÖ·½Ê½Î޹ء£±ÈÈ磬һ¿ªÊ¼ÄãµÄµ¼º½À¸³öÏÖÔÚÓұߣ¬ÓÚÊǾ͸øËü·ÖÅäid:rightHandNav£¬¿ÉÊDz»¾ÃÖ®ºó£¬Ïë°ÑËüµÄλÖøĵ½×ó±ß£¬Ãû³Æ¾Í²»ºÏÊÊÁË£¬ËùÒÔ£¬Ó¦¸Ã°ÑËüÃüÃûΪsubHandNav¸ü¼ÓºÏÀí¡£Í¬ÑùµÀÀí£¬¼´Ê¹ÄãÏ£ÍûËùÓдíÎóÏûÏ¢ÒÔºìÉ«ÏÔʾ£¬Ò²Ó¦¸Ã½«ËüÃüÃûΪerror£¬¶ø²»ÊÇred
´«Í³µÄHTMLÖУ¬idºÍclassµÄ´óСдÊDz»Çø·ÖµÄ£¬µ«ÊÇÔÚXHTMLÖУ¬ÔòÊÇÇø·Ö´óСдµÄ£¬ËùÒÔ£¬ÎÒÃÇÓ¦¸ÃÑø³Éϰ¹ß±£³Ö´óСдͳһ¡£
Ó¦¸Ãɾ³ý²»±ØÒªµÄÀ࣬ÒÔ¼ò»¯´úÂë£¬Ê¹Ò³ÃæÕû½à¡£Èç¹ûÄãµÄÀàºÜ¶à£¬Ôò¿ÉÄÜÄãµÄXHTMLÎĵµ½á¹¹ÓÐÎÊÌâ¡£
¹ý¶ÈʹÓÃdiv±»³ÆÎª"divitus"(¶àdivÖ¢)¡£
divÓÃÀ´¸ø¿é¼¶(block)ÔªËØ·Ö×飬spanÔòÓÃÀ´¸øÐÐÄÚ(line)ÔªËØ·Ö×é¡£
ÓÐʱºòΪÁËÒÔÏ£ÍûµÄ·½Ê½ÏÖÊµÒ³Ãæ£¬ÎÞ·¨±ÜÃâÌí¼Ó¶îÍâµÄÎÞÒâÒåµÄdivºÍspan£¬ÕâÊÇÕý³£µÄ£¬²»±Øµ£ÐÄ£¬½«À´CSS3.0»á½â¾öÕâ¸öÎÊÌâ¡£
ÎĵµÓ¦¸ÃÉùÃ÷DOCTYPE£¬²¢½øÐÐÓÐЧÐÔ¼ìÑé¡£¿ÉÒÔͨ¹ýhttp://validator.w3.org ½øÐмìÑ飬Ҳ¿ÉÒÔͨ¹ý¶àÖÖfirefox²å¼þ½øÐмìÑé¡£
DOCTYPEÉùÃ÷·Ö³ÉÈýÖÖ£º
¹ÖÒìµÄ£¨ÍêÈ«¼æÈÝÀϰ汾£©[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[/code]¹ý¶ÉµÄ(²¿·Ö¼æÈÝÀϰ汾)[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/code]ÑϸñµÄ(²»¼æÈÝÀϰ汾)[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[/code]ÊÂʵÉÏ£¬Ä¿Ç°Á÷ÐеÄä¯ÀÀÆ÷²»»áÈ¥¶ÁÈ¡´úÂëÖÐÌṩµÄÍøÖ·£¬¶øÖ»ÅжÏÎĵµÊôÓÚÈýÖÖģʽÖеÄÄÄÒ»ÖÖ¡£
ºÜ¶à±à¼Æ÷»á×Ô¶¯Ìí¼ÓDOCTYPEÉùÃ÷£¬µ«ÓÐʱËüÃÇ»¹¿ÉÄÜÌí¼ÓXMLÉ
Ïà¹ØÎĵµ£º
ÍøÕ¾±äºÚ»ÒÉ«CSSÂ˾µ´úÂë
Òý×Ô:http://edu.seuuo.com/html/81/n-12181.html
Ϊ·½±ãÕ¾µã°§µ¿£¬ÌØÌṩcssÂ˾µ´úÂ룬ÒÔ±í°§µ¿¡£ÒÔÏÂΪȫվCSS´úÂë¡£
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨£ºÕâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£½¨ÒéÈ«¹úÕ¾³¤¶¯ ......
Ñ¡ÔñÆ÷ Óï·¨ ÃèÊö ʾÀý ±êǩѡÔñÆ÷ E{ .....} ÒÔÎĵµÔªËØ×÷ΪѡÔñ·û td{font-size:14px;
......} IDÑ¡ÔñÆ÷ #ID{...} ÒÔÎĵµÔªËصÄΩһ± ......
CSSÓÅÏȼ¶°üº¬Ëĸö¼¶±ð£¨ÎÄÄÚÑ¡ÔñÆ÷£¬IDÑ¡ÔñÆ÷£¬ClassÑ¡ÔñÆ÷£¬ÔªËØÑ¡ÔñÆ÷£©ÒÔ¼°¸÷¼¶±ð³öÏֵĴÎÊý¡£¸ù¾ÝÕâËĸö¼¶±ð³öÏֵĴÎÊý¼ÆËãµÃµ½CSSµÄÓÅÏȼ¶¡£
CSSÓÅÏȼ¶µÄ¼ÆËã¹æÔòÈçÏ£º
* Ò³ÃæÖÐÖ±½ÓÉèÖÃstyle,¼Ó1,0,0,0
* ÿ¸öIDÑ¡ÔñÆ÷(Èç #id),¼Ó0,1,0,0
* ÿ¸öClassÑ¡ÔñÆ÷(Èç .class)¡¢Ã¿¸öÊôÐÔÑ¡ÔñÆ÷(Èç [attribute=])¡¢Ã¿¸ö ......
CSS¼æÈÝÐÔÒ»Ö±ÊÇ´ó¼ÒÍ·ÌÛµÄÎÊÌ⣬ÏÖÔÚ˵˵ÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£¬IE6¡¢IE7¡¢IE8ºÍFF£¬IE8¾ùÖ¸IE8Õýʽ°æ,°æ±¾ºÅ:8.0.6001.18702¡£
ÒÔÑÕɫΪÀýÀ´ËµÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£º
.csshack{
color:#f00; &nbs ......
Ò»¡¢CSS Ö㤶ÈÓëÑÕÉ«
1¡¢³¤¶Èµ¥Î»ËµÃ÷
in Ó¢´ç
cm ¹«·Ö
mm ¹«Àï
cm ÒÔĿǰ×ÖÌå¸ß¶ÈΪµ¥Î»
ex ÒÔСд×Öĸ¸ß¶ÈΪµ¥Î»£¨´ó²¿·Ö²»Ö§³Ö£©
pt 1pt/72Ó¢´ç
pc 1pc/12pt
px ÏñËØ£¨ÍƼöʹÓã©
2¡¢ÑÕÉ«µ¥Î»£º ˵Ã÷
Ê®Áù½øÖÆÈ磺color:#ff0000
ÑÕÉ«Ãû³ÆÈ磺color:red
ÈýÔÉ«µ¥Î»È磺rgb(255,0,0)
Ò»°ã×î³£ÓõÄÊÇÊ®Áù½øÖ ......