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

css ÅжÏä¯ÀÀÆ÷

²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌØ±ðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌØ±ðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾­³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³£ÓÐÓ᣿ÉÒÔÔÚU4EAÖ§³ÖÁбíÀï¿´µ½£¬´ó²¿·ÖµÄä¯ÀÀÆ÷¶¼Ö§³ÖÕâÖÖ·½Ê½¡£
¡¡¡¡ÈÎÒâ CSS ÉùÃ÷»òÕ߿鶼¿ÉÒÔÌí¼ÓÌõ¼þÉùÃ÷ǰ׺£¬ÕâЩǰ׺ÓÐ3ÖÖ»ù±¾ÀàÐÍ£º
[if {!} browser]  [if {!} browser version]  [if {!} condition browser version] 
!                - ÉùÃ÷µÄ·ñ¶¨ (Àý NOT) - ¿ÉÑ¡
browser      - ÉùÃ÷Õë¶ÔµÄä¯ÀÀÆ÷
IE             - Internet Explorer
Gecko       - Gecko ºËÐĵÄä¯ÀÀÆ÷ (Firefox, Camino µÈ)
Webkit      - Webkit ºËÐĵÄä¯ÀÀÆ÷ (Safari, Shiira µÈ)
SafMob      - ÒÆ¶¯°æ Safari (iPhone / iPod Touch)
Opera        - Opera µÄä¯ÀÀÆ÷
IEMac        - Mac °æ±¾µÄ Internet Explorer
Konq         - Konqueror
IEmob       - ÒÆ¶¯°æ IE
PSP           - Playstation Portable
NetF          - Net Front
version       - ÒªÕë¶ÔµÄä¯ÀÀÆ÷°æ±¾
ʵÀý£º
// Ìõ¼þ-CSS Ó﷨ʵÀý   [if IE] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE   [if ! Opera] - Èç¹ûä¯ÀÀÆ÷²»ÊÇ Opera   [if IE 5] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 5   [if lte IE 6] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 6 »òÕ߸üµÍ°æ±¾ (IE 5, IE 4 µÈ)   [if !&nb


Ïà¹ØÎĵµ£º

div+cssѧϰ1

Çø±ðspan div p Èý¸ö±êÇ©µÄÓ÷¨
spanºÍdivµÄ²»Í¬Ö®´¦ÔÚÓÚspanÊÇÄÚÁªµÄ£¬ÓÃÔÚһС¿éµÄÄÚÁªHTMLÖУ¬Ç°ºó²»¶ÏÐÐ.
divÔªËØÊǿ鼶µÄ£¨¼òµ¥µØËµ£¬ËüµÈͬÓÚÆäǰºóÓжÏÐУ©£¬ÓÃÓÚ×éºÏÒ»´ó¿éµÄ´úÂë¡£
p(¶ÎÂä)ÔªËØÊǿ鼶µÄ,ǰºó¶ÏÐÐ,¶øÇÒ»¹ÒªÔÙ¸ôÒ»ÐÐ.Ï൱ÓÚ¶ÏÁ½ÐÐ.
<div> ¿É¶¨ÒåÎĵµÖеķÖÇø»ò½Ú£¨division ......

ÓÃJSÀ´Çл»CSS£¬ºÜºÃºÜ¼òµ¥

¼ÙÈçÎÒÃÇÏëͨ¹ýǰ̨×ÔÖ÷Ñ¡ÔñCSSÑùʽÀ´´ïµ½¸Ä±äÑÕÉ«¡¢·ç¸ñµÈÄ¿µÄµÄ»°£¬ÓÃJSµ÷ÓÃCSSÎļþ¾ÍOK¡£
ÏÈ×öÁ½¸ö£¨»ò¶à¸ö£©CSSÎļþ¡£
style_1.css¡¡´úÂ룺
body{background-color: #ccff66;}
......
style_2.css¡¡´úÂ룺
body{background-color: #ff0000;}
......
JS´úÂëÈçÏ£º
<link rel="stylesheet" rev="stylesheet" ......

¡¾DIV+CSSÈëÃŽ̡̳¿ËÄ¡¢CSSÈçºÎ¿ØÖÆÒ³Ãæ


±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæÊ±µÄÓÅÏȼ¶¡£
      Ê¹ÓÃxHTML
+CSS
²¼¾ÖÒ³Ãæ£¬ÆäÖÐÓиöºÜÖØÒªµÄÌØµã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵ϰ£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......

cssÒ³Ãæ²¼¾ÖºÍµ¼º½Ê¾Àý

<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......

JS/CSSѹËõ¹¤¾ß YUI Compressor

YUI Compressor ÊÇÒ»¸öÓÃÀ´Ñ¹Ëõ JS ºÍ CSS ÎļþµÄ¹¤¾ß£¬²ÉÓÃJava¿ª·¢¡£
ʹÓ÷½·¨£º
//ѹËõJS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//ѹËõCSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ