銆銆涓涓牱寮忚〃鐢辨牱寮忚鍒欑粍鎴? 浠ュ憡璇夋祻瑙堝櫒鎬庢牱鍘誨憟鐜頒竴涓枃妗? 鏈夊緢澶氬皢鏍峰紡瑙勫垯鍔犲叆鍒頒綘鐨凥TML鏂囨。涓殑鏂規硶, 浣嗘渶綆鍗曠殑鍚姩鏂規硶鏄嬌鐢℉TML鐨凷TYLE緇勪歡. 榪欎釜鍏冪礌鏀劇疆浜庢枃妗ｇ殑HEAD閮ㄥ垎, 鍖呭惈緗戦〉鐨勬牱寮忚鍒?
銆銆瑕佹敞鎰忓埌灝界STYLE鍏冪礌鏄瘯楠屾牱寮忚〃鐨勫ソ鏂規硶, 瀹冨叿鏈夋煇浜涘湪鐢ㄦ埛浣跨敤榪欑鏂規硶涔嬪墠搴旇鑰冭檻鐨勭己鐐? 涓嶅悓鏂規硶鐨勪紭鐐瑰拰緙虹偣鍦ㄥ皢鏍峰紡琛ㄥ姞鍏ュ埌HTML涓儴鍒嗕腑鏈夎璁恒?
銆銆姣忎釜瑙勫垯鐨勭粍鎴愬寘鎷竴涓夋嫨絎?-閫氬父鏄竴涓狧TML鐨勫厓绱? 渚嬪BODY, P, 鎴朎M--鍜岃閫夋嫨絎︽墍鎺ュ彈鐨勬牱寮?
銆銆鏈夊緢澶氱殑灞炴у彲浠ョ敤浜庡畾涔変竴涓厓绱? 姣忎釜灞炴у甫涓涓? 鍏卞悓鍦版弿榪伴夋嫨絎﹀簲璇ュ浣曞憟鐜?
銆銆鏍峰紡瑙勫垯緇勬垚濡備笅:
銆銆閫夋嫨絎?{ 灞炴? 鍊?}
銆銆鍗曚竴閫夋嫨絎︾殑澶嶅悎鏍峰紡澹版槑搴旇鐢ㄥ垎鍙烽殧寮:
銆銆閫夋嫨絎?{ 灞炴?: 鍊?; 灞炴?: 鍊? }
銆銆浠ヤ笅鏄竴孌靛畾涔変簡H1鍜孒2鍏冪礌鐨勯鑹插拰瀛椾綋澶у皬灞炴?
銆銆<HEAD>
銆銆<TITLE>CSS渚嬪瓙</TITLE>
銆銆<STYLE TYPE="text/css">
銆銆H1 { font-size: x-large; color: red }
銆銆H2 { font-size: large; color: blue }
銆銆</STYLE>
銆銆</HEAD>
銆銆--------------------------------------------------------------------------------
銆銆鏈夊緢澶氭柟娉曞皢鏍峰紡琛ㄥ姞鍏ュ埌HTML涓紝姣忎釜閮藉甫鏈夎嚜宸辯殑浼樼偣鍜岀己鐐廣傛柊鐨凥TML鍏冪礌鍜屽睘鎬у凡琚姞鍏ヤ互鍏佽鏍峰紡琛ㄤ笌HTML鏂囨。鏇寸畝鏄撳湴緇勫悎璧鋒潵銆?
銆銆榪炴帴鍒頒竴涓閮ㄧ殑鏍峰紡琛?
銆銆宓屽叆涓涓牱寮忚〃
銆銆杈撳叆涓涓牱寮忚〃
銆銆鍐呰仈鏍峰紡
銆銆CLASS灞炴?
銆銆ID灞炴?
銆銆SPAN鍏冪礌
銆銆DIV鍏冪礌
銆銆鍏充簬璁よ瘉鐨勫娉?
銆銆--------------------------------------------------------------------------------
銆銆
銆銆榪炴帴鍒頒竴涓閮ㄧ殑鏍峰紡琛?
銆銆涓涓閮ㄧ殑鏍峰紡琛ㄥ彲浠ラ氳繃HTML鐨凩INK鍏冪礌榪炴帴鍒癏TML鏂囨。涓?
銆銆
銆銆<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
銆銆<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print">
銆銆<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print">
銆銆<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural>
銆銆
銆銆< LINK>鏍囪鏄斁緗湪鏂囨。鐨凥EAD閮ㄥ垎銆傚彲閫夌殑TYPE灞炴х敤浜庢寚瀹氬獟浣撶被鍨?-text/css鏄竴涓眰鍙犳牱寮忚〃--鍏佽嫻忚鍣ㄥ拷鐣ュ畠浠笉鏀寔鐨勬牱寮忚〃綾誨瀷銆備負CSS鏂囦歡閰嶇疆鏈嶅姟鍣ㄨ屽皢text/css褰撲綔Content-type鍐呭鍙戦佸嚭鍘諱篃鏄竴涓ソ娉ㄦ剰銆?
銆銆
銆銆澶栭儴鏍峰紡琛ㄤ笉鑳藉惈鏈変換浣曞儚<HEAD>鎴?lt;STYLE>榪欐牱鐨凥TML鐨勬爣璁般傛牱寮忚〃浠呬粎鐢辨牱寮忚鍒欐垨澹版槑緇勬垚銆備竴涓崟鐙敱
銆銆P { margin: 2em }
銆銆緇勬垚鐨勬枃浠跺氨鍙互鐢ㄤ綔澶栭儴鏍峰紡琛ㄤ簡銆?
銆銆<LINK>鏍囪涔熸湁涓涓彲閫夌殑MEDIA灞炴э紝鐢ㄤ簬鎸囧畾鏍峰紡琛ㄨ鎺ュ彈鐨勪粙璐ㄦ垨濯掍綋銆傚厑璁哥殑鍊兼湁
銆銆screen (緙虹渷鍊?錛屾彁浜ゅ埌璁＄畻鏈哄睆騫曪紱
銆銆print錛?杈撳嚭鍒版墦鍗版満錛?
銆銆projection錛屾彁浜ゅ埌鎶曞獎鏈猴紱
銆銆aural錛屾壃澹板櫒錛?
銆銆braille錛屾彁浜ゅ埌鍑稿瓧瑙﹁鎰熺煡璁懼錛?
銆銆tty錛岀數浼犳墦瀛楁満 (浣跨敤鍥哄畾鐨勫瓧浣?錛?
銆銆tv錛岀數瑙嗘満錛?
銆銆all錛屾墍鏈夎緭鍑鴻澶囥?
銆銆澶氭牱鐨勫獟浣撻氳繃鐢ㄩ楀彿闅斿紑鐨勫垪琛ㄦ垨鍊糰ll鎸囧畾銆?
銆銆Netscape Navigator 4.x 閿欒鍦板拷鐣ラ櫎浜唖creen鍊煎鐨勪換浣曚嬌鐢∕EDIA鍊煎０鏄庣殑榪炴帴鎴栧祵鍏ユ牱寮忚〃銆備緥濡傦紝MEDIA="screen,projection"浼氫護鍒版牱寮忚〃琚玁avigator 4.x蹇界暐錛屽敖綆″睍紺虹殑璁懼鏄綆楁満鐨勫睆騫曘侼avigator 4.x 涔熷拷鐣ヤ嬌鐢∕EDIA=all澹版槑鐨勬牱寮忚〃銆?
銆銆REL 灞炴х敤浜庡畾涔夎繛鎺ョ殑鏂囦歡鍜孒TML鏂囨。涔嬮棿鐨勫叧緋匯俁EL=StyleSheet鎸囧畾涓涓浐瀹氭垨棣栭夌殑鏍峰紡鑰孯EL="Alternate StyleSheet"瀹氫箟涓涓氦浜掓牱寮忋傚浐瀹氭牱寮忓湪鏍峰紡琛ㄦ縺媧繪椂鎬昏搴旂敤銆傜己灝戠殑TITLE灞炴э紝灝卞儚渚嬪瓙涓殑絎竴涓?lt;LINK>鏍囪錛屽畾涔変竴涓浐瀹氭牱寮忋?
銆銆涓涓閫夋牱寮忎細鑷姩琚簲鐢紝灝卞儚渚嬪瓙涓殑絎簩涓?lt;LINK>鏍囪銆俁EL=StyleSheet鍜屼竴涓猅ITLE灞炴х殑緇勫悎鎸囧畾涓涓閫夌殑鏍峰紡銆傜綉欏靛埗浣滆呬笉鑳芥寚瀹氬浜庝竴涓殑棣栭夋牱寮忋?
銆銆浜や簰鏍峰紡閫氳繃REL="Alternate StyleSheet"鎸囧嚭銆備緥瀛愪腑鐨勭涓変釜<LINK>鏍囪瀹氫箟涓涓氦浜掓牱寮忥紝鐢ㄦ埛鍙互閫夋嫨鐢ㄦ潵浠ｆ浛棣栭夋牱寮忚〃銆?
銆銆娉ㄦ剰鐜板湪鐨勬祻瑙堝櫒涓鑸兘緙轟箯閫夋嫨浜や簰鏍峰紡鐨勮兘鍔涖?
銆銆鍗曚竴鐨勬牱寮忎篃鍙互閫氳繃澶氫釜鏍峰紡琛ㄧ粰鍑?
銆銆<LINK REL=StyleSheet HREF="basics.css" TITLE="Contemporary">
銆銆<LINK REL=StyleSheet HREF="tables.css" TITLE="Contemporary">
銆銆<LINK REL=StyleSheet HREF="forms.css" TITLE="Contemporary">
銆銆鍦ㄨ繖涓緥瀛愪腑錛屼笁涓牱寮忚〃緇勫悎鎴愪竴?quot;Contemporary"鏍峰紡錛屼綔涓轟竴涓閫夋牱寮忚〃琚簲鐢ㄣ傝緇勫悎澶氫釜鏍峰紡琛ㄦ垚涓涓崟涓鏍峰紡錛屽繀欏誨湪姣忎釜鏍峰紡琛ㄤ腑浣跨敤鐩稿悓TITLE銆?
銆銆褰撴牱寮忚搴旂敤鍒板緢澶氱殑緗戦〉鏃訛紝涓涓閮ㄦ牱寮忚〃鏄悊鎯崇殑銆傜綉欏靛埗浣滆呬嬌鐢ㄥ閮ㄦ牱寮忚〃鍙互鏀瑰彉鏁翠釜緗戠珯鐨勫瑙傝屼粎浠呴氳繃鏀瑰彉涓涓枃浠躲傚悓鏍風殑錛屽ぇ澶氭暟嫻忚鍣ㄤ細淇濆瓨澶栭儴鏍峰紡琛ㄥ湪緙撳啿鍖猴紝浠庤屽鏋滄牱寮忚〃鍦ㄧ紦鍐插尯灝遍伩鍏嶄簡鍦ㄥ睍紺虹綉欏墊椂鐨勫歡榪熴?
銆銆Microsoft Internet Explorer 3 for Windows 95/NT4騫朵笉鏀寔鏉ヨ嚜榪炴帴鐨勬牱寮忚〃涓殑BODY 鑳屾櫙鍥捐薄鎴栭鑹層傚鏋滆冭檻鍒拌繖涓敊璇紝緗戦〉鍒朵綔鑰呬笉濡ㄦ彁渚涘彟澶栫殑鍖呮嫭涓涓儗鏅浘璞℃垨棰滆壊鐨勭粨鏋勶紝渚嬬紲搴︾墫铓拌顎邦娀鍓戭儢铓磋鑲侽DY鍏冪礌鐨?BACKGROUND灞炴с?
銆銆--------------------------------------------------------------------------------
銆銆宓屽叆涓涓牱寮忚〃
銆銆涓涓牱寮忚〃鍙互浣跨敤STYLE鍏冪礌鍦ㄦ枃妗ｄ腑宓屽叆:
銆銆<STYLE TYPE="text/css" MEDIA=screen>
銆銆<!--
銆銆BODY { background: url(foo.gif) red; color: black }
銆銆P EM { background: yellow; color: black }
銆銆.note { margin-left: 5em; margin-right: 5em }
銆銆-->
銆銆</STYLE>
銆銆STYLE鍏冪礌鏀懼湪鏂囨。鐨凥EAD閮ㄥ垎銆傚繀欏葷殑TYPE灞炴х敤浜庢寚瀹氬獟浣撶被鍨嬶紝LINK鍏冪礌涔熶竴鏍楓傚悓鏍峰湴錛孴ITLE鍜孧EDIA灞炴т篃鍙互鐢⊿TYLE鎸囧畾銆?
銆銆
銆銆鏃х増鏈殑嫻忚鍣紝騫朵笉鑳借瘑鍒玈TYLE鍏冪礌錛屼細灝嗗叾褰撲綔BODY鐨勪竴閮ㄥ垎鐓у父灞曠ず鍏跺唴瀹癸紝浠庤屼嬌榪欎簺鏍峰紡琛ㄥ鐢ㄦ埛鏄彲瑙佺殑銆傝闃叉榪欐牱鍋氾紝STYLE鍏冪礌鐨勫唴瀹硅鍖呭惈涓涓猄GML娉ㄨВ(<!-- comment -->)鍦ㄩ噷闈紝鍍忎笂榪頒緥瀛愰偅鏍楓?
銆銆
銆銆宓屽叆鐨勬牱寮忚〃鍙敤浜庡綋涓涓枃妗ｅ叿鏈夌嫭涓鏃犱簩鐨勬牱寮忕殑鏃跺欍傚鏋滃涓枃妗ｉ兘浣跨敤鍚屼竴鏍峰紡琛紝閭ｄ箞澶栭儴鏍峰紡琛ㄤ細鏇撮傜敤銆?
銆銆--------------------------------------------------------------------------------
銆銆
銆銆杈撳叆涓涓牱寮忚〃
銆銆涓涓牱寮忚〃鍙互浣跨敤CSS鐨凘import 澹版槑琚緭鍏ャ傝繖涓０鏄庣敤浜庝竴涓狢SS鏂囦歡鎴栧唴閮ㄧ殑STYLE鍏冪礌:
銆銆
銆銆<STYLE TYPE="text/css" MEDIA="screen, projection">
銆銆<!--
銆銆@import url(http://www.htmlhelp.com/style.css);
銆銆@import url(/stylesheets/punk.css);
銆銆DT { background: yellow; color: black }
銆銆-->
銆銆</STYLE>
銆銆娉ㄦ剰鍏跺畠鐨凜SS瑙勫垯搴旇浠嶇劧鍖呮嫭鍦⊿TYLE鍏冪礌涓紝浣嗘墍鏈夌殑@import 澹版槑蹇呴』鏀懼湪鏍峰紡琛ㄧ殑寮濮嬮儴鍒嗐備換鎰忓湪鏍峰紡琛ㄤ腑鎸囧畾浜嗙殑瑙勫垯錛屽叾鑷韓瓚呰秺鍦ㄨ緭鍏ユ牱寮忚〃涓绔嬬殑瑙勫垯銆備緥濡備笂渚嬶紝鍗充嬌涓涓緭鍏ョ殑鏍峰紡琛ㄥ寘鍚獶T { background: aqua }錛屽畾涔夐」(definition terms)渚濈劧浼氭槸榛勮壊鐨勮儗鏅?
銆銆
銆銆琚緭鍏ョ殑鏍峰紡琛ㄧ殑欏哄簭瀵逛簬瀹冧滑鎬庢牱灞傚彔鏄緢閲嶈鐨勩傚湪涓婅堪鐨勪緥瀛愪腑錛屽鏋渟tyle.css杈撳叆鐨勬牱寮忚〃鎸囧畾浜哠TRONG鍏冪礌浼氭樉紺轟負綰㈣壊鑰宲unk.css鏍峰紡琛ㄦ寚瀹氫簡STRONG鍏冪礌鏄劇ず涓洪粍鑹茬殑璇濓紝閭ｄ箞鍚庨潰鐨勮鍒欎細鑾瘋儨錛岃孲TRONG鍏冪礌浼氭樉紺轟負榛勮壊銆?
銆銆
銆銆杈撳叆鐨勬牱寮忚〃瀵逛簬妯″潡鎬ф晥鏋滃緢鏈夌敤澶勩備緥濡傦紝涓涓綉绔欏彲浠ラ氳繃浣跨敤浜嗙殑閫夋嫨絎﹀垎綾繪牱寮忚〃銆備竴涓猻imple.css鏍峰紡琛ㄧ粰鍑哄叕鍏辯殑鍏冪礌鍍廈ODY銆丳銆?H1鍜孒2銆傛澶栵紝涓涓猠xtra.css鏍峰紡琛ㄧ粰鍑鴻緝灝戝叡閫氱殑鍏冪礌鍍廋ODE銆丅LOCKQUOTE鍜孌FN銆備竴涓猼ables.css鏍峰紡琛ㄥ彲浠ョ敤浜庡畾涔夊彉闈╁厓绱犵殑瑙勫垯銆傝繖涓変釜鏍峰紡琛ㄥ湪闇瑕佺殑鏃跺欏彲浠ヤ嬌鐢ˊimport 澹版槑鍖呮嫭鍦℉TML涓備笁涓牱寮忚〃涔熷彲浠ラ氳繃LINK鍏冪礌緇勫悎銆?
銆銆
銆銆
銆銆--------------------------------------------------------------------------------
銆銆
銆銆鍐呰仈鏍峰紡
銆銆鏍峰紡鍙互浣跨敤STYLE灞炴у唴鑱斻係TYLE灞炴у彲浠ュ簲鐢ㄤ簬浠繪剰BODY鍏冪礌(鍖呮嫭BODY鏈韓)錛岄櫎浜咮ASEFONT銆丳ARAM鍜孲CRIPT銆傝繖涓睘鎬у皢浠諱綍鏁伴噺鐨凜SS澹版槑褰撲綔鑷繁鐨勫鹼紝鑰屾瘡涓０鏄庣敤鍒嗗彿闅斿紑銆備互涓嬫槸涓涓緥瀛?
銆銆
銆銆<P STYLE="color: red; font-family: 'New Century Schoolbook', serif"> 榪欐鐨勬牱寮忔槸綰㈣壊鐨凬ew Century Schoolbook瀛楋紝濡傛灉瀛椾綋鍙敤鐨勮瘽銆?lt;/P>
銆銆
銆銆娉ㄦ剰鍦⊿TYLE涓璑ew Century Schoolbook鍖呭惈鍦ㄥ崟寮曞彿涓紝鍥犱負鍙屽紩鍙瘋鐢ㄤ綔鍖呭惈鏍峰紡澹版槑銆傚唴鑱旂殑鏍峰紡姣斿叾浠栨柟娉曟洿鍔犵伒媧匯傝浣跨敤鍐呰仈鏍峰紡錛屽繀欏諱嬌鐢–ontent-Style-Type HTTP欏電湁鎵╁睍瀵規暣涓枃妗ｈ繘琛屽崟鐙殑鏍峰紡琛ㄨ璦澹版槑銆備嬌鐢ㄥ唴鑱擟SS鐨勭綉欏靛埗浣滆呭繀欏誨皢text/css浣滀負Content-Style-Type HTTP欏電湁錛屾垨鍦℉EAD閮ㄥ垎鍖呮嫭浠ヤ笅鏍囪:
銆銆
銆銆<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
銆銆
銆銆鍥犱負鍜岄渶瑕佸睍紺虹殑鍐呭娣峰悎鍦ㄤ竴璧鳳紝鍐呰仈鏍峰紡浼氬け鍘諱竴浜涙牱寮忚〃鐨勪紭鐐廣傚悓鏍峰湴錛屽唴鑱旀牱寮忛粯璁ゅ湴鎺ュ彈鎵鏈夊獟浣擄紝鍥犱負娌℃湁浠諱綍鐨勪負鍐呰仈鏍峰紡鎸囧畾鏄庣‘鐨勫獟浣撶殑璇彞銆傝繖縐嶆柟娉曞簲璇ュ敖閲忓皯鐢紝濡傚綋涓涓牱寮忎細搴旂敤鍦ㄦ墍鏈夊獟浣撳埌涓涓厓绱犵殑涓埆鎯呭喌銆傚鏋滄牱寮忎細琚簲鐢ㄥ埌鍗曚竴鍏冪礌鐨勫満鍚堬紝浣嗗彧鑳戒嬌鐢ㄧ‘璁ょ殑濯掍綋鐨勮瘽錛屼嬌鐢↖D灞炴т唬鏇縎TYLE灞炴с?
銆銆--------------------------------------------------------------------------------
銆銆
銆銆CLASS灞炴?
銆銆CLASS灞炴х敤浜庢寚瀹氬厓绱犲睘浜庝綍縐嶆牱寮忕殑綾匯備緥濡傦紝鏍峰紡琛ㄥ彲浠ュ姞鍏unk鍜寃arning綾?
銆銆
銆銆.punk { color: lime; background: #ff80c0 }
銆銆P.warning { font-weight: bolder; color: red; background: white }
銆銆榪欎簺綾誨彲浠ヤ嬌鐢–LASS灞炴у湪HTML涓紩鐢?
銆銆
銆銆<H1 CLASS=punk>灞炴ф墿灞?lt;/H1>
銆銆<P CLASS=warning>涓浜涘睘鎬ф墿灞曚細鏈夎礋鍊肩殑杈規晥鏋滐紝浜х敓浜庢敮鎸佸拰涓嶆敮鎸佺殑嫻忚鍣ㄤ笂...
銆銆
銆銆鍦ㄨ繖涓緥瀛愪腑錛宲unk綾誨彲浠ョ敤浜庝換浣旴ODY鍏冪礌鍥犱負瀹冨湪鏍峰紡琛ㄤ腑娌℃湁HTML鍏冪礌鍏寵仈銆傝屽湪榪欎釜渚嬪瓙鐨勬牱寮忚〃錛寃arning綾誨彧鑳界敤浜嶱鍏冪礌銆?
銆銆
銆銆涓涓壇濂界殑涔犳儻鏄湪鍛藉悕綾葷殑鏃跺欙紝鏍規嵁瀹冧滑鐨勫姛鑳借屼笉鏄牴鎹畠浠殑澶栬銆備笂榪頒緥瀛愪腑鐨剋arning綾諱篃鍙互鍛藉悕涓簉ed錛屼絾濡傛灉緗戦〉鍒朵綔鑰呭喅瀹氭敼鍙樿繖涓被鐨勬牱寮忎負鍒殑棰滆壊錛屾垨甯屾湜涓洪偅浜涗嬌鐢≒C鍠囧彮鐨勪漢瀹氫箟涓篴ural(鍚)鏍峰紡鐨勮瘽錛岄偅涔堣繖涓悕瀛楀氨鍙樺緱姣棤鎰忎箟浜嗐?
銆銆
銆銆綾諱細鏄簲鐢ㄦ牱寮忓埌HTML鏂囨。涓湪緇撴瀯涓婁竴鏍風殑閮ㄥ垎鐨勬湁鏁堢殑鍔炴硶銆備緥濡傦紝鏈〉浣跨敤綾葷粰CSS婧愪唬鐮佸拰HTML婧愪唬鐮佷嬌鐢ㄤ笉鍚岀殑鏍峰紡銆?
銆銆
銆銆
銆銆--------------------------------------------------------------------------------
銆銆
銆銆ID灞炴?
銆銆ID灞炴х敤浜庡畾涔変竴涓厓绱犵殑鐙壒鐨勬牱寮忋備竴涓狢SS瑙勫垯濡?
銆銆
銆銆#wdg97 { font-size: larger }
銆銆
銆銆鍙互閫氳繃ID灞炴у簲鐢ㄥ埌HTML涓?
銆銆
銆銆<P ID=wdg97>嬈㈣繋璁塊棶Web Design Group鍙奣V water 168!</P>
銆銆
銆銆鏁翠釜鏂囨。褰撲腑鐨勬瘡涓狪D灞炴х殑鍊奸兘蹇呴』鏄敮涓鐨勩傚叾鍊煎繀欏繪槸涓涓互瀛楁瘝寮澶寸揣鎺ュ瓧姣嶃佽瘑瀛楁垨榪炲瓧絎︺傚瓧姣嶉檺浜嶢-Z鍜宎-z銆?
銆銆
銆銆娉ㄦ剰HTML 4.0鍏佽鍦↖D灞炴т腑鏈夊彞鍙鳳紝浣咰SS1涓嶅厑璁稿湪ID閫夋嫨絎︿腑鏈夊彞鍙楓備篃瑕佹敞鎰廋SS1鍏佽Unicode瀛楃161-255鑰屼笖蹇界暐Unicode瀛楃涓轟竴涓暟瀛椾唬鐮侊紝浣咹TML 4.0涓嶅厑璁歌繖浜涘瓧絎﹀湪涓涓狪D灞炴у煎綋涓?
銆銆
銆銆褰撲竴涓牱寮忓彧闇瑕佸湪浠諱綍鏂囨。涓簲鐢ㄤ竴嬈℃椂錛屼嬌鐢↖D鏄緢閫傚悎鐨勩?ID涓嶴TYLE灞炴х浉姣旓紝鍦ㄤ簬ID鍏佽鎸囧畾濯掍綋鐨勬牱寮忥紝鑰屼笖涔熷彲浠ヨ搴旂敤浜庡涓枃妗?铏界劧姣忎釜鏂囨。鍙敤涓嬈?銆?
銆銆
銆銆
銆銆--------------------------------------------------------------------------------
銆銆
銆銆SPAN鍏冪礌
銆銆SPAN鍏冪礌琚姞鍏ュ埌HTML涓互鍏佽緗戦〉鍒朵綔鑰呯粰鍑烘牱寮忎絾鏃犻』闄勫姞鍦ㄤ竴涓狧TML鐨勭粨鏋勫厓绱犱笂銆係PAN鍦ㄦ牱寮忚〃涓綔涓轟竴涓夋嫨絎︿嬌鐢紝鑰屼笖瀹冧篃鑳芥帴鍙桽TYLE銆丆LASS鍜孖D灞炴с?
銆銆
銆銆SPAN鏄竴涓唴鑱斿厓绱狅紝鎵浠ュ畠鍙互浣滀負HTML涓殑鍏冪礌濡侲M鍜孲TRONG浣跨敤銆傛渶閲嶈鐨勫樊鍒湪浜庤櫧鐒禘M鍜孲TRONG甯︽湁緇撴瀯鐨勬剰涔夛紝浣哠PAN灝辨病鏈夎繖鏍風殑鎰忎箟銆傚畠鐨勫瓨鍦ㄧ函綺規槸搴旂敤鏍峰紡錛屾墍浠ュ綋鏍峰紡琛ㄥけ鏁堟椂瀹冨氨娌℃湁浠諱綍鐨勪綔鐢ㄣ?
銆銆
銆銆涓浜汼PAN渚嬪瓙濡備笅:
銆銆
銆銆<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
銆銆<HTML>
銆銆<HEAD>
銆銆<TITLE>SPAN鐨勪緥瀛?lt;/TITLE>
銆銆<STYLE TYPE="text/css" MEDIA="screen, print, projection">
銆銆<!--
銆銆.firstwords { font-variant: small-caps }
銆銆-->
銆銆</STYLE>
銆銆</HEAD>
銆銆<BODY>
銆銆<P><SPAN CLASS=firstwords>The first few words</SPAN>鍓嶉潰鏄?
銆銆孌佃惤涓皯鏁扮殑鏂囧瓧錛屼細鏄皬鍨嬪ぇ鍐欏瓧姣嶃傛牱寮忎篃鍙互鍐呰仈錛屽鏀瑰彉鏂?
銆銆瀛楃殑鏍峰紡涓?lt;SPAN STYLE="font-family: Arial">Arial</SPAN>.</P>
銆銆
銆銆--------------------------------------------------------------------------------
銆銆
銆銆DIV鍏冪礌
銆銆DIV鍏冪礌鍦ㄥ姛鑳戒笂涓嶴PAN鍏冪礌鐩鎬技錛屾渶涓昏鐨勫樊鍒湪浜嶥IV ("division"錛?閮ㄥ垎"鐨勭畝縐?鏄竴涓潡綰у厓绱犮侱IV鍙互鍖呭惈孌佃惤銆佹爣棰樸佽〃鏍肩敋鑷沖叾瀹冮儴鍒嗐傝繖浣緿IV渚夸簬寤虹珛涓嶅悓闆嗘垚鐨勭被錛屽绔犺妭銆佹憳瑕佹垨澶囨敞銆備緥濡?
銆銆
銆銆<DIV CLASS=note>
銆銆<H1>Divisions/閮ㄥ垎</H1>
銆銆<P>DIV鍏冪礌鍦℉TML 3.2涓湁瀹氫箟錛屼絾HTML 3.2涓彧鏈堿LIGN灞炴ц兘鍏煎銆侶TML 4.0鍦ㄥ睘鎬т腑鍔犲叆CLASS銆丼TYLE銆佸拰ID灞炴с?lt;/P>
銆銆<P>鍥犱負DIV鍙互鍖呭惈鍏朵粬鍧楃駭闆嗘垚錛屽湪鐢ㄤ簬寤虹珛鏂囨。鐨勫ぇ鍨嬬珷鑺備緥濡傛湰澶囨敞鏄緢鏈夌敤鐨勩?lt;/P>
銆銆<P>瑕佹眰鍏抽棴鏍囪銆?lt;/P>
銆銆</DIV>
銆銆
銆銆
銆銆--------------------------------------------------------------------------------
銆銆
銆銆鍏充簬璁よ瘉鐨勫娉?
銆銆灝戞暟浣跨敤浜咰SS鏍峰紡鐨勬枃妗ｈ兘鍦℉TML3.2 (Wilbur)灞?鍦╓DG緗戠珯錛岃瘧鑰呮敞)寰楀埌璁よ瘉銆侶TML3.2涓嶄細瑙ｉ噴SPAN鍏冪礌錛屼篃涓嶈В閲奀LASS銆丼TYLE鎴朓D灞炴э紝鑰屼笖鍦↙INK鍜孲TYLE鍏冪礌涓篃寰堝皯鏀寔TYPE鍜孧EDIA灞炴с?
銆銆
銆銆榪欎簺鏈夊叧鐨勬牱寮忓厓绱犲拰灞炴у涓嶆敮鎸佺殑嫻忚鍣ㄤ笉浼氭湁瀹籌紝鍥犱負瀹冧滑鑳藉畨鍏ㄥ湴蹇界暐銆傛枃妗ｄ嬌鐢ㄨ繖浜涘厓绱犲拰灞炴у彲浠ヨ璁よ瘉闃插盡浜嶩TML 4.0銆?
鐪嬪埌铏瓙鑰佹槸鏈夋帓鐗堢殑闂銆傘傘?灝辮漿浜嗕竴璐淬傘傜幇鍦ㄧ殑緗戦〉甯冨眬閮界敤灞備簡銆傘?錛堝搸錛岋紝鍏跺疄涔熸垜涔熶範鎯簡琛ㄦ牸銆傘傝櫧鐒跺緢楹葷儲錛岋紝浣嗘槸鐔熸倝浜嗐傦級鍏跺疄灞傚竷灞紜疄鏄畝鍗曞緢澶氥傘傘傘?澶у鐪嬬湅鍚с?!-- / message -->
__________________
]]>
閭娉ㄥ唽:http://mail.zj.com/index.htm
璇風偣鍑?A target=_blank>榪欓噷
]]>
]]>