锘??xml version="1.0" encoding="utf-8" standalone="yes"?>久久亚洲AV成人无码,亚洲乱码国产乱码精品精,亚洲国产精品一区二区成人片国内 http://www.tkk7.com/ioriqw/category/11174.html鍦ㄤ腑鍥藉晢鐣屻佸挨鍏舵槸浜掕仈緗戠晫錛屽彟涓緹も?0鍚庘濋潚騫存鍦ㄩ泦浣撴誕鍑烘按闈紝浠ヤ綘鍙兘鎯抽兘鎯充笉鍒扮殑鏂瑰紡宕涜搗銆?/description>zh-cnWed, 28 Feb 2007 18:17:05 GMTWed, 28 Feb 2007 18:17:05 GMT60CSS瀹炵敤鏁欑▼http://www.tkk7.com/ioriqw/articles/46395.html宕涜搗鐨勭▼搴忓憳宕涜搗鐨勭▼搴忓憳Tue, 16 May 2006 06:17:00 GMThttp://www.tkk7.com/ioriqw/articles/46395.htmlhttp://www.tkk7.com/ioriqw/comments/46395.htmlhttp://www.tkk7.com/ioriqw/articles/46395.html#Feedback0http://www.tkk7.com/ioriqw/comments/commentRss/46395.htmlhttp://www.tkk7.com/ioriqw/services/trackbacks/46395.htmlCSS(Cascading聽Stylesheets錛屽眰鍙犳牱寮忚〃)鏄竴縐嶅埗浣滅綉欏電殑鏂版妧鏈紝鐜板湪宸茬粡涓哄ぇ澶氭暟鐨勬祻瑙堝櫒鎵鏀寔錛屾垚涓虹綉欏佃璁″繀涓嶅彲灝戠殑宸ュ叿涔嬩竴銆備嬌鐢–SS鑳藉綆鍖栫綉欏電殑鏍煎紡浠g爜錛屽姞蹇笅杞芥樉紺虹殑閫熷害錛屼篃鍑忓皯浜嗛渶瑕佷笂浼犵殑浠g爜鏁伴噺錛屽ぇ澶у噺灝戜簡閲嶅鍔沖姩鐨勫伐浣滈噺銆傚挨鍏舵槸褰撲綘闈㈠鐨勬槸鏈夋暟鐧句釜緗戦〉鐨勭珯鐐規椂錛孋SS綆鐩磋薄鏄瀵規垜浠殑鎭╄祼錛?br />
鍓嶈█

CSS(Cascading聽Stylesheets錛屽眰鍙犳牱寮忚〃)鏄竴縐嶅埗浣滅綉欏電殑鏂版妧鏈紝鐜板湪宸茬粡涓哄ぇ澶氭暟鐨勬祻瑙堝櫒鎵鏀寔錛屾垚涓虹綉欏佃璁″繀涓嶅彲灝戠殑宸ュ叿涔嬩竴銆偮?br />W3C(The聽World聽Wide聽Web聽Consortium)鎶婂姩鎬丠TML(Dynamic聽HTML)鍒嗕負涓変釜閮ㄥ垎鏉ュ疄鐜幫細鑴氭湰璇█(鍖呮嫭JavaScript銆乂bscript絳?銆佹敮鎸佸姩鎬佹晥鏋滅殑嫻忚鍣?鍖呮嫭Internet聽Explorer銆丯etscape聽Navigator絳?鍜孋SS鏍峰紡琛ㄣ偮?br />
涓錛庡眰鍙犳牱寮忚〃鐨勭壒鐐孤?br />涓斾笉璇磋繃鍘葷殑緗戦〉緙哄皯鍔ㄦ劅錛屽氨鏄湪緗戦〉鍐呭鐨勬帓鐗堝竷灞涓婁篃鏈夊緢澶氬洶闅撅紝濡傛灉涓嶆槸涓撲笟浜哄憳鎴栫壒鍒湁鑰愬績鐨勪漢錛屽緢闅捐緗戦〉鎸夎嚜宸辯殑鏋勬濆拰鍒涙剰鏉ユ樉紺轟俊鎭傚嵆渚挎槸鎺屾彙浜咹TML璇█綺鵑珦鐨勪漢涔熻閫氳繃澶氭鍦版祴璇曪紝鎵嶈兘椹鵑┉濂借繖浜涗俊鎭殑鎺掔増錛岃繃紼嬪崄鍒嗘極闀垮拰鐥涜嫤銆備負浜咺nternet鐨勫彂灞曪紝璁╂洿澶氫漢鏃╂棩韙忚凍榪欎釜澶氬Э澶氬僵鐨勪笘鐣岋紝鏂扮殑HTML杈呭姪宸ュ叿鍛間箣嬈插嚭銆偮?br />鏍峰紡琛ㄥ氨鏄湪榪欑闇姹備笅璇炵敓鐨勶紝瀹冮鍏堣鍋氱殑鏄負緗戦〉涓婄殑鍏冪礌綺劇‘鍦板畾浣嶏紝鍙互璁╃綉欏佃璁¤呰薄瀵兼紨涓鏍鳳紝杞繪槗鍦版帶鍒剁敱鏂囧瓧銆佸浘鐗囩粍鎴愮殑婕斿憳浠紝鍦ㄧ綉欏佃繖涓垶鍙頒笂鎸夊墽鏈姹傚ソ濂藉湴琛ㄦ紨銆偮?br />鍏舵錛屽畠鎶婄綉欏典笂鐨勫唴瀹圭粨鏋勫拰鏍煎紡鎺у埗鐩稿垎紱匯傛祻瑙堣呮兂瑕佺湅鐨勬槸緗戦〉涓婄殑鍐呭緇撴瀯錛岃屼負浜嗚嫻忚鑰呮洿濂藉湴鐪嬪埌榪欎簺淇℃伅錛屽氨瑕侀氳繃鏍煎紡鎺у埗鏉ュ府蹇欎簡銆備互鍓嶄袱鑰呭湪緗戦〉涓婄殑鍒嗗竷鏄氦閿欑粨鍚堢殑錛屾煡鐪嬩慨鏀瑰緢涓嶆柟渚匡紝鑰岀幇鍦ㄦ妸涓よ呭垎寮灝變細澶уぇ鏂逛究緗戦〉鐨勮璁¤呫傚唴瀹圭粨鏋勫拰鏍煎紡鎺у埗鐩稿垎紱伙紝浣垮緱緗戦〉鍙互鍏夌敱鍐呭鏋勬垚錛岃屽皢鎵鏈夌綉欏電殑鏍煎紡鎺у埗鎸囧悜鏌愪釜CSS鏍峰紡琛ㄦ枃浠躲傝繖鏍蜂竴鏉ョ殑濂藉嚭琛ㄧ幇鍦ㄤ袱涓柟闈細聽
絎竴錛岀畝鍖栦簡緗戦〉鐨勬牸寮忎唬鐮侊紝澶栭儴鐨勬牱寮忚〃榪樹細琚祻瑙堝櫒淇濆瓨鍦ㄧ紦瀛橀噷錛屽姞蹇簡涓嬭澆鏄劇ず鐨勯熷害錛屼篃鍑忓皯浜嗛渶瑕佷笂浼犵殑浠g爜鏁伴噺(鍥犱負閲嶅璁劇疆鐨勬牸寮忓皢琚彧淇濆瓨涓嬈?銆偮?br />
絎簩錛屽彧瑕佷慨鏀逛繚瀛樼潃緗戠珯鏍煎紡鐨凜SS鏍峰紡琛ㄦ枃浠跺氨鍙互鏀瑰彉鏁翠釜绔欑偣鐨勯鏍肩壒鑹詫紝鍦ㄤ慨鏀歸〉闈㈡暟閲忓簽澶х殑绔欑偣鏃訛紝鏄懼緱鏍煎鏈夌敤銆傞伩鍏嶄簡涓涓竴涓綉欏電殑淇敼錛屽ぇ澶у噺灝戜簡閲嶅鍔沖姩鐨勫伐浣滈噺錛屽綋浣犻潰瀵圭殑鏄湁鏁扮櫨涓綉欏電殑绔欑偣鏃訛紝CSS綆鐩磋薄鏄瀵規垜浠殑鎭╄祼錛乛_^聽

浜岋紟娣誨姞灞傚彔鏍峰紡琛ㄧ殑鏂規硶聽
鎴戜滑涓虹綉欏墊坊鍔犳牱寮忚〃鐨勬柟娉曟湁鍥涚銆偮?br />1錛庢渶綆鍗曠殑鏂規硶鏄洿鎺ユ坊鍔犲湪HTML鐨勬爣璇嗙錛坱ag錛夐噷錛毬?br /><聽Tag聽style=鈥漰roperties鈥?gt;緗戦〉鍐呭<聽/tag>聽
涓句釜渚嬪瓙錛毬?br /><聽p聽style=鈥漜olor:聽blue;聽font-size:聽10pt鈥?gt;CSS瀹炰緥<聽/p>聽
浠g爜璇存槑錛毬?br />鐢ㄨ摑鑹叉樉紺哄瓧浣撳ぇ灝忎負10pt鐨勨淐SS瀹炰緥鈥濄傚敖綆′嬌鐢ㄧ畝鍗曘佹樉紺虹洿瑙傦紝浣嗘槸榪欑鏂規硶涓嶆庝箞甯哥敤錛屽洜涓鴻繖鏍鋒坊鍔犳棤娉曞畬鍏ㄥ彂鎸ユ牱寮忚〃鐨勪紭鍔庫滃唴瀹圭粨鏋勫拰鏍煎紡鎺у埗鍒嗗埆淇濆瓨鈥濄偮犅?br />2錛庢坊鍔犲湪HTML鐨勫ご淇℃伅鏍囪瘑絎?lt;聽head>閲岋細聽
<聽head>聽
<聽style聽type=鈥漷ext/css鈥?gt;聽
<聽!--聽鏍峰紡琛ㄧ殑鍏蜂綋鍐呭聽-->聽
<聽/style>聽
<聽/head>聽
type=鈥漷ext/css鈥濊〃紺烘牱寮忚〃閲囩敤MIME綾誨瀷錛屽府鍔╀笉鏀寔CSS鐨勬祻瑙堝櫒榪囨護鎺塁SS浠g爜錛岄伩鍏嶅湪嫻忚鍣ㄩ潰鍓嶇洿鎺ヤ互婧愪唬鐮佺殑鏂瑰紡鏄劇ず鎴戜滑璁劇疆鐨勬牱寮忚〃銆備絾涓轟簡淇濊瘉涓婅堪鎯呭喌涓瀹氫笉瑕佸彂鐢燂紝榪樻槸鏈夊繀瑕佸湪鏍峰紡琛ㄩ噷鍔犱笂娉ㄩ噴鏍囪瘑絎︹?lt;聽!--娉ㄩ噴鍐呭-->鈥濄偮?br />3錛庨摼鎺ユ牱寮忚〃聽
鍚屾牱鏄坊鍔犲湪HTML鐨勫ご淇℃伅鏍囪瘑絎?lt;聽head>閲岋細聽
<聽head>聽
<聽link聽rel=鈥漵tylesheet鈥澛爃ref=鈥?.css鈥澛爐ype=鈥漷ext/css鈥澛爉edia=鈥漵creen鈥?gt;聽
<聽/head>聽
*.css鏄崟鐙繚瀛樼殑鏍峰紡琛ㄦ枃浠訛紝鍏朵腑涓嶈兘鍖呭惈<聽style>鏍囪瘑絎︼紝騫朵笖鍙兘浠ss涓哄悗緙銆偮?br />Media鏄彲閫夌殑灞炴э紝琛ㄧず浣跨敤鏍峰紡琛ㄧ殑緗戦〉灝嗙敤浠涔堝獟浣撹緭鍑恒傚彇鍊艱寖鍥達細聽
路Screen錛堥粯璁わ級錛氳緭鍑哄埌鐢佃剳灞忓箷聽
路Print錛氳緭鍑哄埌鎵撳嵃鏈郝?br />路TV錛氳緭鍑哄埌鐢佃鏈郝?br />路Projection錛氳緭鍑哄埌鎶曞獎浠?br />路Aural錛氳緭鍑哄埌鎵0鍣?br />路Braille錛氳緭鍑哄埌鍑稿瓧瑙﹁鎰熺煡璁懼聽
路Tty錛氳緭鍑哄埌鐢典紶鎵撳瓧鏈郝?br />路All錛氳緭鍑哄埌浠ヤ笂鎵鏈夎澶嚶?br />濡傛灉瑕佽緭鍑哄埌澶氱濯掍綋錛屽彲浠ョ敤閫楀彿鍒嗛殧鍙栧艱〃銆偮?br />Rel灞炴ц〃紺烘牱寮忚〃灝嗕互浣曠鏂瑰紡涓嶩TML鏂囨。緇撳悎銆傚彇鍊艱寖鍥達細聽
路Stylesheet錛氭寚瀹氫竴涓閮ㄧ殑鏍峰紡琛?br />路Alternate聽stylesheet錛氭寚瀹氫嬌鐢ㄤ竴涓氦浜掓牱寮忚〃聽
4錛庤仈鍚堜嬌鐢ㄦ牱寮忚〃聽
鍚屾牱鏄坊鍔犲湪HTML鐨勫ご淇℃伅鏍囪瘑絎?lt;聽head>閲岋細聽
<聽head>聽
<聽style聽type=鈥漷ext/css鈥?gt;聽
<聽!--聽
@import聽鈥?.css鈥澛?br />鍏朵粬鏍峰紡琛ㄧ殑澹版槑聽
-->聽
<聽/style>聽
<聽/head>聽
浠import寮澶寸殑鑱斿悎鏍峰紡琛ㄨ緭鍏ユ柟娉曞拰閾炬帴鏍峰紡琛ㄧ殑鏂規硶寰堢浉浼鹼紝浣嗚仈鍚堟牱寮忚〃杈撳叆鏂瑰紡鏇存湁浼樺娍銆傚洜涓鴻仈鍚堟硶鍙互鍦ㄩ摼鎺ュ閮ㄦ牱寮忚〃鐨勫悓鏃訛紝閽堝璇ョ綉欏電殑鍏蜂綋鎯呭喌錛屽仛鍑哄埆鐨勭綉欏典笉闇瑕佺殑鏍峰紡瑙勫垯銆偮?br />闇瑕佹敞鎰忕殑鏄細聽
路鑱斿悎娉曡緭鍏ユ牱寮忚〃蹇呴』浠import寮澶淬偮?br />路濡傛灉鍚屾椂杈撳叆澶氫釜鏍峰紡琛ㄦ湁鍐茬獊鐨勬椂鍊欙紝灝嗘寜鐓х涓涓緭鍏ョ殑鏍峰紡琛ㄥ緗戦〉鎺掔増銆偮?br />路濡傛灉杈撳叆鐨勬牱寮忚〃鍜岀綉欏甸噷鐨勬牱寮忚鍒欏啿紿佹椂錛屼嬌鐢ㄥ閮ㄧ殑鏍峰紡琛ㄣ?br />涓夛紟灞傚彔鏍峰紡琛ㄧ殑鏍煎紡聽聽聽
涓鑸潵璇達紝鏍峰紡琛ㄧ殑澹版槑鍒嗕負閫夋嫨絎︼紙selector錛夊拰鍧梴}錛坆lock錛夛紝鍧楅噷鍖呭惈灞炴э紙properties錛夊拰灞炴х殑鍙栧鹼紙value錛夛紝鍩烘湰鏍煎紡濡備笅錛毬犅?br />閫夋嫨絎β爗灞炴э細鍊紏聽聽
鍏跺畠鏍煎紡1錛毬犅?br />閫夋嫨絎?錛岄夋嫨絎?錛岄夋嫨絎?聽{灞炴?錛氬?錛涘睘鎬?錛氬?錛涘睘鎬?錛氬?}聽聽
鏈夋椂鍊欏涓夋嫨絎﹀皢浣跨敤鐩稿悓鐨勮緗紝涓轟簡綆鍖栦唬鐮侊紝鎴戜滑鍙互涓嬈℃т負瀹冧滑璁劇疆鏍峰紡錛屽茍鍦ㄥ涓夋嫨絎︿箣闂村姞涓娾滐紝鈥濇潵鍒嗛殧瀹冧滑銆偮犅?br />褰撴湁澶氫釜灞炴х殑鏃跺欙紝蹇呴』鍦ㄤ袱涓睘鎬т箣闂寸敤鈥滐紱鈥濇潵鍒嗛殧銆偮犅?br />鍏跺畠鏍煎紡2錛毬犅?br />閫夋嫨絎?聽閫夋嫨絎?聽{灞炴?錛氬?錛涘睘鎬?錛氬?錛涘睘鎬?錛氬?}聽聽
鍜屾牸寮?闈炲父鐩鎬技錛屽彧鏄湪閫夋嫨絎︿箣闂村皯鍔犱簡鈥滐紝鈥濓紝浣嗕綔鐢ㄥ嵈澶т笉鐩稿悓銆傝〃紺哄鏋滈夋嫨絎?鍖呮嫭鐨勫唴瀹瑰悓鏃跺寘鎷湪閫夋嫨絎?閲岀殑鏃跺欙紝鎵璁劇疆鐨勬牱寮忚鍒欐墠璧蜂綔鐢ㄣ偮犅?br />
鍥涳紟灞傚彔鏍峰紡琛ㄧ殑鍒嗙被聽聽
涓轟簡浣跨綉欏電殑鏍煎紡涓嶈繃鍒嗙殑鍗曡皟錛屽繀闇璁╃浉鍚岀殑閫夋嫨絎︿篃鑳藉垎綾伙紝騫惰兘鎸夌収涓嶅悓鐨勭被鍒潵榪涜涓嶅悓鐨勬牱寮忚璁°傚熀鏈牸寮忓涓嬶細聽聽
閫夋嫨絎?綾誨埆鍚嵚爗灞炴э細鍊紏聽聽
綾誨埆鍚嶅皢鍙互鍦℉TML鐨勬爣璇嗙閲屽紩鐢細聽聽
<聽鏍囪瘑絎β燾lass=綾誨埆鍚?gt;緗戦〉鍐呭聽聽

浜旓紟灞傚彔鏍峰紡琛ㄧ殑浼被聽聽
闄や簡涓婅堪鐨勫垎綾繪柟寮忓錛屼負浜嗕嬌鍒嗙被鐨勪嬌鐢ㄦ洿鐏墊椿澶氭牱錛屽張浜х敓浜嗕吉綾葷殑姒傚康銆傜被鍜屼吉綾繪湁浠涔堟牱鐨勫尯鍒憿錛熉犅?br />涓鑸湴璇達紝閫夋嫨絎﹀彲浠ュ拰澶氫釜綾婚噰鐢ㄦ崋緇戠殑褰㈠紡鏉ヨ瀹氾紝榪欐牱铏界劧鑳藉涓哄悓涓涓夋嫨絎﹀垱寤哄縐嶄笉鍚岀殑鏍峰紡錛屼絾鎹嗙粦鐨勫艦寮忓悓鏃朵篃闄愬埗浜嗚瀹氱殑綾諱負鍏跺畠鐨勯夋嫨絎︽墍浣跨敤銆備吉綾葷殑浜х敓灝辨槸涓轟簡瑙e喅榪欎釜闂錛屾瘡涓澹版槑鐨勪吉綾婚兘鍙互琚墍鏈夌殑HTML鏍囪瘑絎﹀紩鐢紝褰撶劧鏈変簺鍧楃駭鍐呭鐨勮緗櫎澶栥傚熀鏈牸寮忓涓嬶細聽聽
.浼被鍚嵚爗灞炴э細鍊紏聽聽
浼被鍙互琚換浣曟爣璇嗙鍦℉TML閲屽紩鐢ㄣ偮犅?br /><鏍囪瘑絎β燾lass=浼被鍚?gt;緗戦〉鍐呭聽聽

鍏紟鎺у埗瀛椾綋鐨勬牱寮徛犅?br />鎺у埗瀛椾綋鐨勬牱寮忓寘鎷帶鍒跺瓧浣撶被鍨嬨佸瓧浣撳ぇ灝忋佸瓧浣撻鏍箋佸瓧浣撶矖緇嗗洓涓儴鍒嗐偮犅?br />1錛庡瓧浣撶被鍨嬄犅?br />騫蟲椂鍦ㄤ嬌鐢╓ORD涔嬬被鐨勫瓧澶勭悊杞歡鐨勬椂鍊欙紝緇忓父闇瑕佽皟鏁村瓧浣撶殑鏄劇ず錛屾瘮濡傝鈥淎rial鈥濄佲淚mpact鈥濄佲淰erdana鈥濈瓑瀛椾綋閮芥槸絎旇呬嬌鐢ㄧ殑杈冨鐨勩偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />font-family:聽瀛椾綋鍚嶇О聽聽
濡傛灉鍦╢ont-family鍚庡姞涓婂縐嶅瓧浣撶殑鍚嶇О錛屾祻瑙堝櫒鍥炴寜瀛椾綋鍚嶇О鐨勯『搴忛愪竴鍦ㄧ敤鎴風殑璁$畻鏈洪噷瀵繪壘宸茬粡瀹夎鐨勫瓧浣擄紝涓鏃﹂亣鍒頒笌瑕佹眰鐨勭浉鍖歸厤鐨勫瓧浣擄紝灝辨寜榪欑瀛椾綋鏄劇ず緗戦〉鍐呭錛屽茍鍋滄鎼滅儲錛涘鏋滀笉鍖歸厤灝辯戶緇悳绱紝鐩村埌鎵懼埌涓烘錛屼竾涓鏍峰紡琛ㄩ噷鐨勬墍鏈夊瓧浣撻兘娌℃湁瀹夎鐨勮瘽錛屾祻瑙堝櫒灝變細鐢ㄨ嚜宸遍粯璁ょ殑瀛椾綋鏉ユ浛浠f樉紺虹綉欏電殑鍐呭銆偮犅?br />娉ㄦ剰錛毬犅?br />路褰撴寚瀹氬縐嶅瓧浣撴椂錛岀敤鈥滐紝鈥濆垎闅旀瘡縐嶅瓧浣撳悕縐般偮犅?br />路褰撳瓧浣撳悕縐板寘鍚袱涓互涓婂垎寮鐨勫崟璇嶆椂錛岀敤鈥溾濇妸璇ュ瓧浣撳悕縐版嫭璧鋒潵銆偮犅?br />路褰撴牱寮忚鍒欏宸茬粡鏈夆溾濇椂錛岀敤鈥樷欎唬鏇庫溾濄偮犅?br />2錛庡瓧浣撳ぇ灝徛犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />font-size:聽瀛楀彿鍙傛暟聽聽
瀛楀彿鐨勫彇鍊艱寖鍥達細聽聽
路浠oint涓哄崟浣嶏細鐐瑰崟浣嶅湪鎵鏈夌殑嫻忚鍣ㄥ拰鎿嶄綔騫沖彴涓婇兘閫傜敤聽聽
路浠m涓哄崟浣嶏細鎸囧瓧姣嶈绱犵殑灝哄錛屽拰Point鐩稿悓璺濈聽聽
路浠ixes涓哄崟浣嶏細鍍忕礌鍙互浣跨敤浜庢墍鏈夌殑鎿嶄綔騫沖彴錛屼絾鍙兘浼氬洜涓烘祻瑙堣呯殑灞忓箷鍒嗚鯨鐜囦笉鍚岋紝鑰岄犳垚鏄劇ず涓婄殑鏁堟灉宸紓聽聽
路浠n錛堣嫳瀵革級涓哄崟浣嵚犅?br />路浠m錛堝帢綾籌級涓哄崟浣嵚犅?br />路浠m錛堟綾籌級涓哄崟浣嵚犅?br />路浠c錛堟墦鍗版満鐨勫瓧浣撳ぇ灝忥級涓哄崟浣嵚犅?br />路浠x錛坸-height錛変負鍗曚綅聽聽
路smaller錛氭瘮褰撳墠鏂囧瓧鐨勯粯璁ゅぇ灝忔洿灝忎竴鍙仿犅?br />路larger錛氭瘮褰撳墠鏂囧瓧鐨勯粯璁ゅぇ灝忔洿灝忓ぇ鍙仿犅?br />路浣跨敤姣斾緥鍏崇郴聽聽
路xx-small聽聽
路x-small聽聽
路small聽聽
路medium聽聽
路large聽聽
路x-large聽聽
路xx-large聽聽
3錛庡瓧浣撻鏍悸犅?br />瀛椾綋椋庢牸鍙兘鎺у埗鍚勭鏂滀綋瀛楃殑鏄劇ず銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />font-style:聽鏂滀綋瀛楃殑鍚嶇О聽聽
4錛庡瓧浣撶矖緇喡犅?br />瀛椾綋綺楃粏鎺у埗綺椾綋瀛楃殑鏄劇ず錛屽彇鍊艱寖鍥翠粠鏁板瓧100~900錛屾祻瑙堝櫒榛樿鐨勫瓧浣撶矖緇嗕負400銆傚彟澶栧彲浠ラ氳繃鍙傛暟lighter鍜宐older浣垮緱瀛椾綋鍦ㄥ師鏈夊熀紜涓婃樉寰楁洿緇嗘垨鏇寸矖浜涖偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />font-weight:聽瀛椾綋綺楃粏

涓冿紟鎺у埗鏂囧瓧鐨勬牱寮徛犅?br />鎺у埗鏂囧瓧鐨勬牱寮忓寘鎷枃瀛楀ぇ灝忓啓銆佹枃瀛椾慨楗頒袱涓儴鍒嗐偮犅?br />1錛庢枃瀛楀ぇ灝忓啓聽聽
鏂囧瓧澶у皬鍐欎嬌緗戦〉鐨勮璁¤呬笉鐢ㄥ湪杈撳叆鏂囧瓧鏃跺氨瀹屾垚鏂囧瓧鐨勫ぇ灝忓啓錛岃屽彲浠ュ湪杈撳叆瀹屾瘯鍚庯紝鍐嶆牴鎹渶瑕佸灞閮ㄧ殑鏂囧瓧璁劇疆澶у皬鍐欍偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />text-transform:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
路uppercase錛氭墍鏈夋枃瀛楀ぇ鍐欐樉紺郝犅?br />路lowercase錛氭墍鏈夋枃瀛楀皬鍐欐樉紺郝犅?br />路capitalize錛氭瘡涓崟璇嶇殑澶村瓧姣嶅ぇ鍐欐樉紺郝犅?br />路none錛氫笉緇ф壙姣嶄綋鐨勬枃瀛楀彉褰㈠弬鏁奧犅?br />娉ㄦ剰錛氱戶鎵挎槸鎸嘓TML鐨勬爣璇嗙瀵逛簬鍖呭惈鑷繁鐨勬爣璇嗙鐨勫弬鏁頒細緇ф壙涓嬫潵銆偮犅?br />2錛庢枃瀛椾慨楗奧犅?br />鏂囧瓧淇グ鐨勪富瑕佺敤閫旀槸鏀瑰彉嫻忚鍣ㄦ樉紺烘枃瀛楅摼鎺ユ椂鐨勪笅鍒掔嚎銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />text-decoration:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
路underline錛氫負鏂囧瓧鍔犱笅鍒掔嚎聽聽
路overline錛氫負鏂囧瓧鍔犱笂鍒掔嚎聽聽
路line-through錛氫負鏂囧瓧鍔犲垹闄ょ嚎聽聽
路blink錛氫嬌鏂囧瓧闂儊聽聽
路none錛氫笉鏄劇ず涓婅堪浠諱綍鏁堟灉聽聽

鍏紟鎺у埗鏂囨湰鐨勬牱寮徛犅?br />鎺у埗鏂囨湰鐨勬牱寮忓寘鎷崟璇嶈窛紱匯佸瓧姣嶈窛紱匯佹枃鏈璺濄佹枃鏈按騫沖榻愩佹枃鏈瀭鐩村榻愭枃鏈緝榪涘叚涓儴鍒嗐偮犅?br />1錛庡崟璇嶉棿璺澛犅?br />鍗曡瘝闂磋窛鎸囩殑鏄嫳鏂囨瘡涓崟璇嶄箣闂寸殑璺濈錛屼笉鍖呮嫭涓枃鏂囧瓧銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />word-spacing:聽闂撮殧璺濈聽聽
闂撮殧璺濈鐨勫彇鍊鹼細points銆乪m銆乸ixes銆乮n銆乧m銆乵m銆乸c銆乪x銆乶ormal絳夈偮犅?br />2錛庡瓧姣嶉棿璺澛犅?br />瀛楁瘝闂磋窛鏄寚鑻辨枃瀛楁瘝涔嬮棿鐨勮窛紱伙紝鍔熻兘銆佺敤娉曪紝浠ュ強鍙傛暟鐨勮緗拰鍗曡瘝闂磋窛寰堢浉浼箋偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />letter-spacing:聽瀛楁瘝闂磋窛聽聽
3錛庤璺澛?br />琛岃窛鏄寚涓婁笅涓よ鍩哄噯綰夸箣闂寸殑鍨傜洿璺濈銆備竴鑸湴璇達紝鑻辨枃浜旂嚎鏍肩粌涔犳湰錛屼粠涓婂線涓嬫暟鐨勭涓夋潯妯嚎灝辨槸璁$畻鏈烘墍璁や負鐨勮琛岀殑鍩哄噯綰褲偮?br />鍩烘湰鏍煎紡濡備笅錛毬?br />line-height:聽琛岄棿璺濈聽
琛岄棿璺濈鍙栧鹼細聽
路涓嶅甫鍗曚綅鐨勬暟瀛楋細浠?涓哄熀鏁幫紝鐩稿綋浜庢瘮渚嬪叧緋葷殑100%聽
路甯﹂暱搴﹀崟浣嶇殑鏁板瓧錛氫互鍏蜂綋鐨勫崟浣嶄負鍑喡?br />路姣斾緥鍏崇郴聽
娉ㄦ剰錛氬鏋滄枃瀛楀瓧浣撳緢澶э紝鑰岃璺濈浉瀵硅緝灝忕殑璇濓紝鍙兘浼氬彂鐢熶笂涓嬩袱琛屾枃瀛椾簰鐩擱噸鍙犵殑鐜拌薄銆偮?br />4錛庢枃鏈按騫沖榻惵?br />鏂囨湰姘村鉤瀵歸綈鍙互鎺у埗鏂囨湰鐨勬按騫沖榻愶紝鑰屼笖騫朵笉浠呬粎鎸囨枃瀛楀唴瀹癸紝涔熷寘鎷緗浘鐗囥佸獎鍍忚祫鏂欑殑瀵歸綈鏂瑰紡銆偮?br />鍩烘湰鏍煎紡濡備笅錛毬?br />text-align:聽鍙傛暟聽
鍙傛暟鐨勫彇鍊鹼細聽
路left錛氬乏瀵歸綈聽
路right錛氬彸瀵歸綈聽
路center錛氬眳涓榻惵?br />路justify錛氱浉瀵瑰乏鍙沖榻惵?br />浣嗛渶瑕佹敞鎰忕殑鏄紝text-alight鏄潡綰у睘鎬э紝鍙兘鐢ㄤ簬<聽p>銆?lt;聽blockquqte>銆?lt;聽ul>銆?lt;聽h1>~<聽h6>絳夋爣璇嗙閲屻偮?br />5錛庢枃鏈瀭鐩村榻惵?br />鏂囨湰鐨勫瀭鐩村榻愬簲褰撴槸鐩稿浜庢枃鏈瘝浣撶殑浣嶇疆鑰岃█鐨勶紝涓嶆槸鎸囨枃鏈湪緗戦〉閲屽瀭鐩村榻愩傛瘮濡傝錛岃〃鏍肩殑鍗曞厓鏍奸噷鏈変竴孌墊枃鏈紝閭d箞瀵硅繖孌墊枃鏈緗瀭鐩村眳涓氨鏄拡瀵瑰崟鍏冩牸鏉ヨ 閲忕殑錛屼篃灝辨槸璇達紝鏂囨湰灝嗗湪鍗曞厓鏍肩殑姝d腑鏄劇ず錛岃屼笉鏄暣涓綉欏電殑姝d腑銆偮?br />鍩烘湰鏍煎紡濡備笅錛毬?br />vertical-align:聽鍙傛暟聽
鍙傛暟鍙栧鹼細聽
路top錛氶《瀵歸綈聽
路bottom錛氬簳瀵歸綈聽
路text-top錛氱浉瀵規枃鏈《瀵歸綈聽
路text-bottom錛氱浉瀵規枃鏈簳瀵歸綈聽
路baseline錛氬熀鍑嗙嚎瀵歸綈聽
路middle錛氫腑蹇冨榻惵?br />路sub錛氫互涓嬫爣鐨勫艦寮忔樉紺郝?br />路super錛氫互涓婃爣鐨勫艦寮忔樉紺郝?br />6錛庢枃鏈緝榪浡?br />鏂囨湰緙╄繘鍙互浣挎枃鏈湪鐩稿榛樿鍊艱緝紿勭殑鍖哄煙閲屾樉紺猴紝涓昏鐢ㄤ簬涓枃鏉垮紡鐨勯琛岀緝榪涳紝鎴栨槸涓哄ぇ孌電殑寮曠敤鏂囨湰鍜屽娉ㄥ仛鎴愮緝榪涚殑鏍煎紡銆偮?br />鍩烘湰鏍煎紡濡備笅錛毬?br />text-indent:聽緙╄繘璺濈聽
緙╄繘璺濈鍙栧鹼細聽
路甯﹂暱搴﹀崟浣嶇殑鏁板瓧聽
路姣斾緥鍏崇郴聽
浣嗘槸闇瑕佹敞鎰忕殑鏄紝鍦ㄤ嬌鐢ㄦ瘮渚嬪叧緋葷殑鏃跺欙紝鏈変漢浼氳涓烘祻瑙堝櫒榛樿鐨勬瘮渚嬫槸鐩稿孌佃惤鐨勫搴﹁岃█鐨勶紝鍏跺疄浜嬪疄騫墮潪濡傛錛屾暣涓祻瑙堝櫒鐨勭獥鍙f墠鏄祻瑙堝櫒鎵榛樿鐨勫弬鐓х墿銆偮?br />鍙﹀錛宼ext-indent鏄潡綰у睘鎬э紝鍙兘鐢ㄤ簬<聽p>銆?lt;聽blockquqte>銆?lt;聽ul>銆?lt;聽h1>~<聽h6>絳夋爣璇嗙閲屻?br />涔濓紟鎺у埗棰滆壊鍜岃儗鏅殑鏍峰紡聽聽
鎺у埗棰滆壊鍜岃儗鏅殑鏍峰紡鍖呮嫭棰滆壊灞炴с佽儗鏅鑹層佽儗鏅浘鐗囥佽儗鏅浘鐗囬噸澶嶃佽儗鏅浘鐗囧浐瀹氥佽儗鏅畾浣嶅叚涓儴鍒嗐偮犅?br />1錛庨鑹插睘鎬犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />color:聽鍙傛暟聽聽
棰滆壊鍙傛暟鍙栧艱寖鍥達細聽聽
路浠GB鍊艱〃紺郝犅?br />路浠?6榪涘埗錛坔ex錛夌殑鑹插僵鍊艱〃紺郝犅?br />路浠ラ粯璁ら鑹茬殑鑻辨枃鍚嶇О琛ㄧず聽聽
浠ラ粯璁ら鑹茬殑鑻辨枃鍚嶇О琛ㄧず鏃犵枒鏄渶涓烘柟渚跨殑錛屼絾鐢變簬棰勫畾涔夌殑棰滆壊縐嶇被澶皯錛屾墍浠ユ洿澶氱殑緗戦〉璁捐鑰呭枩嬈㈢敤RGB鐨勬柟寮忋俁GB鏂瑰紡鐨勫ソ澶勫緢澶氾紝涓嶄絾鍙互鐢ㄦ暟瀛楃殑褰㈠紡綺劇‘鍦拌〃紺洪鑹詫紝鑰屼笖涔熸槸寰堝鍥懼儚鍒朵綔杞歡錛堝Photoshop錛夐噷榛樿浣跨敤鐨勮鑼冿紝榪欐牱涓鏉ュ氨涓哄浘鐗囧拰緗戦〉鏇村ソ鍦扮粨鍚堟墦涓嬩簡鍧氬疄鐨勫熀紜銆偮犅?br />2錛庤儗鏅鑹猜犅?br />鍦℉TML褰撲腑錛岃涓烘煇涓璞″姞涓婅儗鏅壊鍙湁涓縐嶅姙娉曪紝閭e氨鏄厛鍋氫竴涓〃鏍鹼紝鍦ㄨ〃鏍間腑璁劇疆瀹岃儗鏅壊錛屽啀鎶婂璞℃斁榪涘崟鍏冩牸銆傝繖鏍峰仛姣旇緝楹葷儲錛屼笉浣嗕唬鐮佽緝澶氾紝榪樿涓鴻〃鏍肩殑澶у皬鍜屽畾浣嶄激浜涜剳絳嬨傜幇鍦ㄧ敤CSS灝卞彲浠ヨ交鏉懼湴鐩存帴鎼炲畾浜嗭紝鑰屼笖瀵硅薄鐨勮寖鍥村緢騫匡紝鍙互鏄竴孌墊枃瀛楋紝涔熷彲浠ュ彧鏄竴涓崟璇嶆垨涓涓瓧姣嶃偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />background-color:聽鍙傛暟聽聽
鍙傛暟鍙栧煎拰棰滆壊灞炴т竴鏍楓偮犅?br />3錛庤儗鏅浘鐗嚶犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />background-image:聽url(URL)聽聽
URL灝辨槸鑳屾櫙鍥劇墖鐨勫瓨鏀捐礬寰勩傚鏋滅敤鈥渘one鈥濇潵浠f浛鑳屾櫙鍥劇墖鐨勫瓨鏀捐礬寰勶紝灝嗕粈涔堜篃涓嶆樉紺恒偮?br />4錛庤儗鏅浘鐗囬噸澶嵚犅?br />鑳屾櫙鍥劇墖閲嶅鎺у埗鐨勬槸鑳屾櫙鍥劇墖騫抽摵涓庡惁錛屼篃灝辨槸璇達紝緇撳悎鑳屾櫙瀹氫綅鐨勬帶鍒跺彲浠ュ湪緗戦〉涓婄殑鏌愬鍗曠嫭鏄劇ず涓騫呰儗鏅浘鐗囥偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />background-repeat:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
路no-repeat錛氫笉閲嶅騫抽摵鑳屾櫙鍥劇墖聽聽
路repeat-x錛氫嬌鍥劇墖鍙湪姘村鉤鏂瑰悜涓婂鉤閾郝犅?br />路repeat-y錛氫嬌鍥劇墖鍙湪鍨傜洿鏂瑰悜涓婂鉤閾郝犅?br />濡傛灉涓嶆寚瀹氳儗鏅浘鐗囬噸澶嶅睘鎬э紝嫻忚鍣ㄩ粯璁ょ殑鏄儗鏅浘鐗囧悜姘村鉤銆佸瀭鐩翠袱涓柟鍚戜笂騫抽摵銆偮犅?br />5錛庤儗鏅浘鐗囧浐瀹毬犅?br />鑳屾櫙鍥劇墖鍥哄畾鎺у埗鑳屾櫙鍥劇墖鏄惁闅忕綉欏電殑婊氬姩鑰屾粴鍔ㄣ傚鏋滀笉璁劇疆鑳屾櫙鍥劇墖鍥哄畾灞炴э紝嫻忚鍣ㄩ粯璁よ儗鏅浘鐗囬殢緗戦〉鐨勬粴鍔ㄨ屾粴鍔ㄣ備負浜嗛伩鍏嶈繃浜庤姳鍝ㄧ殑鑳屾櫙鍥劇墖鍦ㄦ粴鍔ㄦ椂浼ゅ嫻忚鑰呯殑瑙嗗姏錛屾墍浠ュ彲浠ヨВ闄よ儗鏅浘鐗囧拰鏂囧瓧鍐呭鐨勬崋緇戯紝璇ヤ負鍜屾祻瑙堝櫒紿楀彛鎹嗙粦銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />background-attachment:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
路fixed錛氱綉欏墊粴鍔ㄦ椂錛岃儗鏅浘鐗囩浉瀵逛簬嫻忚鍣ㄧ殑紿楀彛鑰岃█錛屽浐瀹氫笉鍔犅?br />路scroll錛氱綉欏墊粴鍔ㄦ椂錛岃儗鏅浘鐗囩浉瀵逛簬嫻忚鍣ㄧ殑紿楀彛鑰岃█錛屼竴璧鋒粴鍔犅?br />6錛庤儗鏅畾浣嵚犅?br />鑳屾櫙瀹氫綅鐢ㄤ簬鎺у埗鑳屾櫙鍥劇墖鍦ㄧ綉欏典腑鏄劇ず鐨勪綅緗偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />background-position:聽鍙傛暟琛犅?br />鍙傛暟鍙栧艱寖鍥達細聽聽
路甯﹂暱搴﹀崟浣嶇殑鏁板瓧鍙傛暟聽聽
路top錛氱浉瀵瑰墠鏅璞¢《瀵歸綈聽聽
路bottom錛氱浉瀵瑰墠鏅璞″簳瀵歸綈聽聽
路left錛氱浉瀵瑰墠鏅璞″乏瀵歸綈聽聽
路right錛氱浉瀵瑰墠鏅璞″彸瀵歸綈聽聽
路center錛氱浉瀵瑰墠鏅璞′腑蹇冨榻惵犅?br />路姣斾緥鍏崇郴聽聽
鍙傛暟涓殑center濡傛灉鐢ㄤ簬鍙﹀涓涓弬鏁扮殑鍓嶉潰錛岃〃紺烘按騫沖眳涓紱濡傛灉鐢ㄤ簬鍙﹀涓涓弬鏁扮殑鍚庨潰錛岃〃紺哄瀭鐩村眳涓偮?br />鍗侊紟鎺у埗鍒楄〃鐨勬牱寮徛犅?br />鍒楄〃鏄疕TML閲屼竴縐嶅緢鏈夌敤鐨勬樉紺烘柟寮忥紝鍙互鎶婄浉鍏崇殑騫跺垪鍐呭鏁撮綈鍦板瀭鐩存帓鍒楋紝浣跨綉欏墊樉寰楁暣媧佷笓涓氾紝騫惰嫻忚鑰呮湁涓鐩簡鐒剁殑鎰熻銆偮犅?br />鏍峰紡琛ㄤ負鍒楄〃澧炲姞浜嗕竴浜涘姛鑳斤紝鎺у埗鍒楄〃鐨勬牱寮忓寘鎷垪琛ㄦ牱寮忋佸浘褰㈢鍙楓佸垪琛ㄤ綅緗笁涓儴鍒嗐偮犅?br />1錛庡垪琛ㄧ鍙仿犅?br />鍒楄〃絎﹀彿鏄寚鏄劇ず浜庢瘡涓涓垪琛ㄩ」鐩墠鐨勭鍙鋒爣璇嗐偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />list-style-type錛氬弬鏁奧犅?br />鍙傛暟鍙栧艱寖鍥達細聽聽
路disc錛氬渾褰⒙犅?br />路circle錛氱┖蹇冨渾聽聽
路square錛氭柟鍧椔犅?br />路decimal錛氬崄榪涘埗鏁板瓧聽聽
路lower-roman錛氬皬鍐欑綏椹暟瀛椔犅?br />路upper-roman錛氬ぇ鍐欑綏椹暟瀛椔犅?br />路lower-alpha錛氬皬鍐欏笇鑵婂瓧姣嵚犅?br />路upper-alpha錛氬ぇ鍐欏笇鑵婂瓧姣嵚犅?br />路none錛氭棤絎﹀彿鏄劇ず聽聽
鍙傛暟涓殑disc鏄粯璁ら夐」銆偮犅?br />2錛庡浘褰㈢鍙仿犅?br />鍥懼艦絎﹀彿鎸囧師鏉ュ垪琛ㄧ殑欏圭洰絎﹀彿灝嗗彲浠ヤ嬌鐢ㄥ浘褰㈡潵浠f浛銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />list-style-image錛歎RL聽聽
URL鏄敤鏉ヤ唬鏇塊」鐩鍙風殑鍥懼艦鏂囦歡鐨勫湴鍧錛屽彲浠ヤ嬌鐢ㄧ浉瀵瑰湴鍧鎴栫粷瀵瑰湴鍧銆偮犅?br />3錛庡垪琛ㄤ綅緗犅?br />鍒楄〃浣嶇疆鎻忚堪鍒楄〃鍦ㄤ綍澶勬樉紺恒偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />list-style-position錛氬弬鏁奧犅?br />鍙傛暟鍙栧艱寖鍥達細聽聽
路inside錛氬湪BOX妯″瀷鍐呴儴鏄劇ず聽聽
路outside錛氬湪BOX妯″瀷澶栭儴鏄劇ず聽聽
榪欓噷鍙堝嚭鐜頒簡涓涓柊鐨勬蹇碉細BOX妯″瀷銆侭OX鏄寚涓縐嶅鍣紝鍖呭惈浜嗗簲鐢ㄦ牱寮忚鍒欑殑瀵硅薄錛屽叿浣撲粙緇嶅皢鍦ㄥ悗鏂囦腑緇欏嚭銆偮犅?br />鍗佷竴錛庢帶鍒剁敤鎴風晫闈㈢殑鏍峰紡聽聽
鍦ㄧ綉欏典笂錛岄紶鏍囧鉤鏃跺憟綆ご褰紝鎸囧悜閾炬帴鏃舵垚涓烘墜褰紝絳夊緟緗戦〉涓嬭澆鏃舵垚涓烘矙婕忓艦鈥︹﹁繖浼間箮鏄害瀹氫織鎴愮殑銆傝櫧鐒惰繖鏍風殑璁捐鑳戒嬌鎴戜滑鐭ラ亾嫻忚鍣ㄧ幇鍦ㄧ殑鐘舵佹垨鏄彲浠ュ仛浠涔堬紝浣嗚繖浜涘ソ鍍忚繕涓嶈兘瀹屽叏鍦版弧瓚蟲垜浠殑闇瑕併傚氨鎷塊摼鎺ユ潵璇達紝鍙互鏄寚鍚戜竴涓府鍔╂枃浠訛紝涔熷彲浠ユ槸鍚戝墠榪涗竴欏墊垨鏄悜鍚庨涓欏碉紝閽堝濡傛澶氱殑鍔熻兘鍏夐潬鍗冪瘒涓寰嬬殑鎵嬪艦榧犳爣鏄笉鑳借鏄庨棶棰樼殑銆傚煎緱搴嗗垢鐨勬槸錛孋SS鎻愪緵浜嗗杈?3縐嶇殑榧犳爣褰㈢姸錛屼緵鎴戜滑閫夋嫨銆偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />cursor錛氶紶鏍囧艦鐘跺弬鏁奧犅?br />CSS榧犳爣褰㈢姸鍙傛暟琛細聽聽
CSS浠g爜聽聽
榧犳爣褰㈢姸聽聽
style="cursor:hand"聽聽
鎵嬪艦聽聽
style="cursor:crosshair"聽聽
鍗佸瓧褰⒙犅?br />style="cursor:text"聽聽
鏂囨湰褰⒙犅?br />style="cursor:wait"聽聽
娌欐紡褰⒙犅?br />style="cursor:move"聽聽
鍗佸瓧綆ご褰⒙犅?br />style="cursor:help"聽聽
闂彿褰⒙犅?br />style="cursor:e-resize"聽聽
鍙崇澶村艦聽聽
style="cursor:n-resize"聽聽
涓婄澶村艦聽聽
style="cursor:nw-resize"聽聽
宸︿笂綆ご褰⒙犅?br />style="cursor:w-resize"聽聽
宸︾澶村艦聽聽
style="cursor:s-resize"聽聽
涓嬬澶村艦聽聽
style="cursor:se-resize"聽聽
鍙充笅綆ご褰⒙犅?br />style="cursor:sw-resize"聽聽
宸︿笅綆ご褰?br />

鍗佷簩錛庢帶鍒禕OX鐨勬牱寮徛犅?br />鏍峰紡琛ㄨ瀹氫簡涓涓鍣˙OX錛屽畠灝嗚鍌ㄥ瓨涓涓璞$殑鎵鏈夊彲鎿嶄綔鐨勬牱寮忋傚寘鎷簡瀵硅薄鏈韓銆佽竟妗嗙┖鐧姐佸璞¤竟妗嗐佸璞¢棿闅欏洓涓柟闈€偮犅?br />鎸夋鍦ㄦ柊紿楀彛鎵撳紑鍥劇墖
涓轟簡澶у鏇村ソ鍦扮悊瑙h繖浜涘睘鎬х殑鎰忎箟錛屼互鍙婁簰鐩鎬箣闂寸殑鍏崇郴錛岃鐪嬩笅闈㈣繖涓浘紺猴細聽聽
1錛庤竟妗嗙┖鐧斤紙MARGIN錛壜犅?br />濡傚浘鎵紺猴紝浣嶄簬BOX妯″瀷鐨勬渶澶栧眰錛屽寘鎷洓欏瑰睘鎬с偮犅?br />鏍煎紡鍒嗗埆濡備笅錛毬犅?br />路margin-top錛氶《閮ㄧ┖鐧借窛紱宦犅?br />路margin-right錛氬彸杈圭┖鐧借窛紱宦犅?br />路margin-bottom錛氬簳閮ㄧ┖鐧借窛紱宦犅?br />路margin-left錛氬乏杈圭┖鐧借窛紱宦犅?br />絀虹櫧鐨勮窛紱誨彲浠ョ敤甯﹂暱搴﹀崟浣嶇殑鏁板瓧琛ㄧず銆偮犅?br />濡傛灉浣跨敤涓婅堪灞炴х殑綆鍖栨柟寮弇argin錛屽彲浠ュ湪鍏跺悗榪炵畫鍔犱笂鍥涗釜甯﹂暱搴﹀崟浣嶇殑鏁板瓧錛屾潵鍒嗗埆琛ㄧずmargin-top銆乵argin-right銆乵argin-bottom銆乵argin-left錛屾瘡涓暟瀛椾腑闂磋鐢ㄧ┖鏍煎垎闅斻偮?br />2錛庡璞¤竟妗嗭紙BORDER錛壜犅?br />濡傚浘鎵紺猴紝浣嶄簬杈規絀虹櫧鍜屽璞$┖闅欎箣闂達紝鍖呮嫭浜嗕竷欏瑰睘鎬с偮犅?br />鏍煎紡鍒嗗埆濡備笅錛毬犅?br />路border-top錛氶《杈規瀹藉害聽聽
路border-right錛氬彸杈規瀹藉害聽聽
路border-bottom錛氬簳杈規瀹藉害聽聽
路border-left錛氬乏杈規瀹藉害聽聽
路border-width錛氭墍鏈夎竟妗嗗搴β犅?br />路border-color錛氳竟妗嗛鑹猜犅?br />路border-style錛氳竟妗嗘牱寮忓弬鏁奧犅?br />鍏朵腑border-width鍙互涓嬈℃ц緗墍鏈夌殑杈規瀹藉害錛宐order-color鍚屾椂璁劇疆鍥涢潰杈規鐨勯鑹叉椂錛屽彲浠ヨ繛緇啓涓婂洓縐嶉鑹詫紝騫剁敤絀烘牸鍒嗛殧銆備笂榪拌繛緇緗殑杈規閮芥槸鎸塨order-top銆乥order-right銆乥order-bottom銆乥order-left鐨勯『搴忋偮犅?br />Border-style鐩稿鍒殑灞炴ц岃█紼嶇◢澶嶆潅浜涳紝鍥犱負瀹冭繕鍖呮嫭浜嗗涓竟妗嗘牱寮忕殑鍙傛暟錛毬犅?br />路none錛氭棤杈規銆偮犅?br />路dotted錛氳竟妗嗕負鐐圭嚎銆偮犅?br />路dashed錛氳竟妗嗕負闀跨煭綰褲偮犅?br />路solid錛氳竟妗嗕負瀹炵嚎銆偮犅?br />路double錛氳竟妗嗕負鍙岀嚎銆偮犅?br />路groove錛氭牴鎹甤olor灞炴ф樉紺轟笉鍚屾晥鏋滅殑3D杈規聽聽
路ridge錛氭牴鎹甤olor灞炴ф樉紺轟笉鍚屾晥鏋滅殑3D杈規聽聽
路inset錛氭牴鎹甤olor灞炴ф樉紺轟笉鍚屾晥鏋滅殑3D杈規聽聽
路outset錛氭牴鎹甤olor灞炴ф樉紺轟笉鍚屾晥鏋滅殑3D杈規聽聽
3錛庡璞¢棿闅欙紙PADDING錛壜犅?br />濡傚浘鎵紺猴紝浣嶄簬瀵硅薄杈規鍜屽璞′箣闂達紝鍖呮嫭浜嗗洓欏瑰睘鎬с偮犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />路padding-top錛氶《閮ㄩ棿闅櫬犅?br />路padding-right錛氬彸杈歸棿闅櫬犅?br />路padding-bottom錛氬簳閮ㄩ棿闅櫬犅?br />路padding-left錛氬乏杈歸棿闅櫬犅?br />鍜孧ARGIN綾諱技錛孭ADDING涔熷彲浠ョ敤padding涓嬈℃ц緗墍鏈夌殑瀵硅薄闂撮殭錛屾牸寮忎篃鍜孧ARGIN鐩鎬技錛屼笉鍐嶄竴涓鍒椾婦浜嗐?br />鍗佷笁錛庢樉紺烘帶鍒舵牱寮徛犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />display:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
路block錛堥粯璁わ級錛氬湪瀵硅薄鍓嶅悗閮芥崲琛屄犅?br />路inline錛氬湪瀵硅薄鍓嶅悗閮戒笉鎹㈣聽聽
路list-item錛氬湪瀵硅薄鍓嶅悗閮芥崲琛岋紝澧炲姞浜嗛」鐩鍙仿犅?br />路none錛氭棤鏄劇ず聽聽
鍗佸洓錛庣┖鐧芥帶鍒舵牱寮徛犅?br />鍩烘湰鏍煎紡濡備笅錛毬犅?br />絀虹櫧灞炴у喅瀹氬浣曞鐞嗗厓绱犲唴鐨勭┖鏍箋偮犅?br />white-space:聽鍙傛暟聽聽
鍙傛暟鍙栧艱寖鍥達細聽聽
normal錛氭妸澶氫釜絀烘牸鏇挎崲涓轟竴涓潵鏄劇ず聽聽
pre錛氬繝瀹炲湴鎸夎緭鍏ユ樉紺虹┖鏍悸犅?br />nowrap錛氱姝㈡崲琛屄犅?br />浣嗚娉ㄦ剰鐨勬槸錛寃rite-space涔熸槸涓涓潡綰у睘鎬с?/p>

]]>
主站蜘蛛池模板: 亚洲AV人无码激艳猛片| 国产成人精品日本亚洲| 亚洲av无码一区二区三区观看| 成全视频在线观看免费| 久久精品国产69国产精品亚洲| 久久久免费观成人影院| 亚洲欧洲日产国码av系列天堂| 中文字幕手机在线免费看电影| 亚洲精品无码专区在线在线播放 | 精品国产免费观看| 亚洲国产精品ⅴa在线观看| 最近中文字幕mv免费高清视频7| 亚洲精品无播放器在线播放| 国产在线观看免费完整版中文版| 男女超爽视频免费播放| 亚洲精品成人网久久久久久| 国产日韩在线视频免费播放| 久久综合日韩亚洲精品色| 中文免费观看视频网站| 亚洲AV永久无码精品一福利| 亚洲av无码成人精品区在线播放| jizz18免费视频| 亚洲卡一卡2卡三卡4卡无卡三| 中文字幕无码成人免费视频| 亚洲av永久中文无码精品| 亚洲午夜AV无码专区在线播放| 野花香高清在线观看视频播放免费| 亚洲A∨无码无在线观看| 亚洲国产精品免费观看| 在线播放亚洲精品| 久久亚洲国产中v天仙www | 全免费a级毛片免费看| 亚洲AV无码乱码在线观看代蜜桃| 曰皮全部过程视频免费国产30分钟| 中国在线观看免费的www| 亚洲精品资源在线| 国产91在线免费| 国产真人无码作爱视频免费| 亚洲AV无码乱码麻豆精品国产| 国产精品亚洲二区在线观看 | 日韩免费一区二区三区在线|