请网站设计高手来看下这个CSS
\u8bf7CSS\u6216\u7f51\u9875\u8bbe\u8ba1\u9ad8\u624b\u5e2e\u6211\u770b\u4e0b\u8fd9\u4e2a\u600e\u4e48\u5199a { display:block; width:100px; height:100px; background:url(huise.gif) no-repeat; }
a:hover { display:block; width:100px; height:100px; background:url(caise.gif) no-repeat; }
display:block\u8fd9\u53e5\u4e0d\u80fd\u4e22\uff0c\u4e0d\u7136\u8bbe\u7f6e\u4e0d\u4e86\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u3002\u4f60\u53ef\u4ee5\u7528class\u6216\u8005id\u6765\u63a7\u5236\uff0c\u6bd4\u5982\u8bf4\uff1a
a.test1 { xxx }
a.test1:hover { xxx }
\u53c8\u770b\u4e86\u4e00\u904d\uff0c\u53d1\u73b0\u8dd1\u9898\u4e86\u3002- -\u4f60\u8bf4\u7684\u90a3\u6837\u8981\u7528js\u4e86\u3002
a.test2 { xxx }
a.test2:hover { xxx }
a#test3 { xxx }
a#test3:hover { xxx }
\u2026\u2026
\u987a\u4fbf\u8bf4\u53e5\uff0c\u697c\u4e0a\u592a\u590d\u6742\uff0c\u6362\u4e2a\u56fe\u7247\u90fd\u80fd\u641e\u51fa\u6765\u6ee4\u955c\u3002
\u5982\u679c\u4e0d\u9700\u8981a\u6807\u7b7e\u7684\u8bdd\u8fd9\u6837\uff1a
\u7528chrome\u5ba1\u67e5\u5143\u7d20\u53ef\u4ee5\u770b\u5230\u9875\u9762\u7684\u9759\u6001\u4ee3\u7801\uff0c
\u8fd9\u4e2a\u9875\u9762\u524d\u7aef\u662fExtjs\u52a8\u6001\u52a0\u8f7d
\u624b\u52bf\u52a8\u4f5c\u662f\u7528hammer.js\u8fd9\u4e2a\u73b0\u6210\u7684\u63d2\u4ef6\u5b8c\u6210\u7684
是 <div class=""></div> 而不是<dd>之类的吧
绛旓細缁欎綅缃笉姝ｇ‘鐨刣iv 鍐檓argin-top:xxpx;xx灏辨槸鏁板瓧銆傚鏋滄槸鐓х潃psd鍋氱殑璇濓紝鏈濂界敤鍒囩墖鏉ョ湅鍏蜂綋鐨勪笂杈硅窛楂樺害銆傝繕鏈夋垜鍙戠幇浣犲垏涓嬫潵鐨勫浘鏈夐棶棰橈紝logo杩欎簺鏈濂藉垏鎴恜ng鏍煎紡鐨勶紝鍒囩殑鏃跺欒鑳屾櫙閫忔槑锛岀劧鍚庝繚瀛榩ng鏍煎紡銆備綘杩欎釜鏈夎儗鏅壊锛岀湅鐫涓嶅崗璋冦
绛旓細(1) HTML鏍囩鐨勫瑙傛牱寮忔瘮杈冨崟涓銆傚ぇ瀹跺湪瀛︿範鍓嶉潰鍑犵珷鏃讹紝涓嶇煡鍙戠幇娌℃湁锛熷墠闈㈠嚑绔缃戦〉涓殑鏂囧瓧鐨勫瓧浣撱侀鑹层佸ぇ灏忋佽秴閾炬帴銆侀棿璺濈瓑鏍峰紡閮芥瘮杈冨崟涓锛屼负浜嗗讥琛杩欎釜缂虹偣锛屽氨闇瑕佷娇鐢CSS鏍峰紡琛ㄦ潵瀵笻TML鏍囩杩涜鎺у埗锛屼粠鑰屽疄鐜版洿鍔犱赴瀵屽褰╃殑鏁堟灉銆(2) 鏍峰紡琛ㄧ殑浣滅敤鐩稿綋浜庡崕涓界殑琛ｆ湇銆傚悓鏍风殑鍐呭锛岄噰鐢ㄤ笉鍚岀殑C...
绛旓細鍦╠iv+css甯冨眬涓紝涓鑸兘杩欐牱鏉ユ暣浣撴瀯鏋剁殑锛歞iv id="header"/divdiv id="center"/divdiv id="footer"/div鑰屽浜巋eader閮ㄥ垎锛岃偗瀹氳鏄剧ず缃戠珯鏍囬锛岄櫎浜嗘樉绀虹綉绔欐爣棰樺锛岃繕鍙兘瑕佹樉绀哄叾浠栨瘮杈冮噸瑕佺殑瀵硅薄锛屾瘮濡傜綉绔欑殑瀵艰埅鏍忥細div id="header"BRdiv id="title"杩欓噷鏄綉绔欑殑鏍囬/divdiv id="nav"杩欓噷鏄...
绛旓細涓.浣跨敤css缂╁啓浣跨敤缂╁啓鍙互甯姪鍑忓皯浣CSS鏂囦欢鐨勫ぇ灏忥紝鏇村姞瀹规槗闃呰銆俢ss缂╁啓鐨勪富瑕佽鍒欒鍙傜湅銆奵ss鍩烘湰璇硶銆嬨備簩.鏄庣‘瀹氫箟鍗曚綅锛岄櫎闈炲间负0蹇樿瀹氫箟灏哄鐨勫崟浣嶆槸CSS鏂版墜鏅亶鐨勯敊璇傚湪HTML涓綘鍙互鍙啓;100锛屼絾鏄湪CSS涓紝浣犲繀椤荤粰涓涓噯纭殑鍗曚綅锛屾瘮濡傦細" width:100em銆傚彧鏈変袱涓緥澶栨儏鍐靛彲浠ヤ笉瀹氫箟鍗曚綅...
绛旓細<!-- boder锛氳竟妗嗗ぇ灏 瀹炵嚎 棰滆壊 --> 娣诲姞鏍峰紡锛岄偅涓 src="imageUrl" 鑷繁鏀逛负鑷繁鐨勫浘鐗囦綅缃
绛旓細瀹氫箟鏍煎紡濡備笅:.fontbold{font-size:20px;font-weight:bold;} 灞傚彔鏍峰紡琛ㄦ槸涓绉嶇敤鏉ヨ〃鐜癏TML(鏍囧噯閫氱敤鏍囪璇█鐨勪竴涓簲鐢)鎴朮ML(鏍囧噯閫氱敤鏍囪璇█鐨勪竴涓瓙闆)绛夋枃浠舵牱寮忕殑璁＄畻鏈鸿瑷銆 CSS鏄兘澶熺湡姝ｅ仛鍒缃戦〉琛ㄧ幇涓庡唴瀹瑰垎绂荤殑涓绉嶆牱寮璁捐璇█銆傜浉瀵逛簬浼犵粺HTML鐨勮〃鐜拌岃█,CSS鑳藉瀵圭綉椤典腑鐨勫璞＄殑浣嶇疆鎺掔増杩涜鍍忕礌绾...
绛旓細涓銆丏IV+CSS灏界涓嶆槸楂樹笉鍙強锛屼絾鑷冲皯瑕佹瘮琛ㄦ牸瀹氫綅澶嶆潅鐨勫锛屽嵆浣垮浜缃戠珯璁捐楂樻墜涔熷緢瀹规槗鍑虹幇闂锛屾洿涓嶈璇村垵瀛﹁呬簡銆備簩銆CSS缃戠珯鍒朵綔鐨勮璁″厓绱犻氬父鏀惧湪1涓閮ㄦ枃浠朵腑锛屾垨鍑犱釜鏂囦欢锛屾湁鍙兘鐩稿綋澶嶆潅锛岀敋鑷虫瘮杈冨簽澶э紝濡傛灉CSS鏂囦欢璋冪敤鍑虹幇寮傚父锛岄偅涔堟暣涓綉绔欏皢鍙樺緱鎯ㄤ笉蹇嶇澒銆備笁銆佽櫧鐒惰DIV+CSS瑙ｅ喅浜嗗ぇ...
绛旓細1绌洪棿鍚 绌洪棿浠嬬粛 涓婚〉 鍗氬 鐩稿唽 涓汉妗ｆ 濂藉弸 璁剧疆 绛夎繖浜涚増闈㈡枃瀛楃殑棰滆壊甯垜璋冮厤涓涓,灏介噺鐢ㄦ竻娣＄偣鐨勯鑹,鎬讳箣鍙鏄秹鍙婇鑹茬殑鍦版柟閮芥妸棰滆壊缁欎慨鏀逛竴涓 2鎴戞兂鎶婃挱鏀惧櫒涓悇涓爮鐩殑浣嶇疆璋冩暣涓涓,璁╀汉鐪嬭捣鏉ュ緢绠鍗曟槑浜,鍙堝ソ鐪嬬殑銆3淇敼鑳屾櫙鍥剧墖,澧炲姞FLASH,鎾斁鍣ㄩ煶涔,鍔犲叆鍚勭鐗规晥鏂规硶銆4杩欎釜闂竴涓,榛樿鐩稿唽...
绛旓細鍩轰簬XTHML鏍囧噯鐨凞IV+CSS甯冨眬锛屼竴鑸湪璁捐瀹屾垚鍚庝細灏藉彲鑳界殑瀹屽杽鍒拌兘閫氳繃W3C楠岃瘉銆傛埅姝㈢洰鍓嶆病鏈夋悳绱㈠紩鎿庤〃绀烘帓鍚嶈鍒欎細鍊惧悜浜庣鍚圵3C鏍囧噯鐨缃戠珯鎴栭〉闈紝浣嗕簨瀹炶瘉鏄庝娇鐢╔THML鏋舵瀯鐨勭綉绔欐帓鍚嶇姸鍐典竴鑸兘涓嶉敊銆傝繖涓鐐规垨璁镐細鏈変簤璁紝浣嗕粠鏈汉鐨勮鐐鏉ョ湅锛岄潪甯告湁鐩娿傛垜鎯筹紝杩欐牱鐨勬儏鍐靛彲鑳戒笉鏄帓鍚嶈鍒欙紝鏈澶х殑鍙兘杩...
绛旓細璇翠簡杩欎箞澶CSS缃戦〉甯冨眬鐨勬剰涔変笌浼樼偣锛屽悓鏃朵篃涓嶈兘杞昏CSS缃戦〉甯冨眬鐨勫壇浣滅敤锛 涓銆丏IV+CSS灏界涓嶆槸楂樹笉鍙強锛屼絾鑷冲皯瑕佹瘮琛ㄦ牸瀹氫綅澶嶆潅鐨勫锛屽嵆浣垮浜缃戠珯璁捐楂樻墜涔熷緢瀹规槗鍑虹幇闂锛屾洿涓嶈璇村垵瀛﹁呬簡銆 浜屻CSS缃戠珯鍒朵綔鐨勮璁″厓绱犻氬父鏀惧湪1涓閮ㄦ枃浠朵腑锛屾垨鍑犱釜鏂囦欢锛屾湁鍙兘鐩稿綋澶嶆潅锛岀敋鑷虫瘮杈冨簽澶э紝濡傛灉...
