杩欓噷鏄慨鐪熼櫌web灏忚鍫傦紝姣忕瘒鍒嗕韩鏂囦粠
銆愯儗鏅粙缁嶃€戙€愮煡璇嗗墫鏋愩€戙€愬父瑙侀棶棰樸€戙€愯В鍐虫柟妗堛€戙€愮紪鐮佸疄鎴樸€戙€愭墿灞曟€濊€冦€戙€愭洿澶氳璁恒€戙€愬弬鑰冩枃鐚€慄/p>
鍏釜鏂归潰娣卞害瑙eb鐭ヨ瘑/鎶€鑳斤紝鏈瘒鍒嗕韩鐨勬槸锛欬/p>
銆愮煡閬揷ss鏈変釜content灞炴€у悧锛熸湁浠€涔堜綔鐢紵鏈変粈涔堝簲鐢紵 銆慄/p>
澶у濂斤紝鎴戞槸IT淇湡闄㈡姹夊垎闄㈢涔濇湡鐨勫鍛橈紝涓€鏋氭鐩寸函娲佸杽鑹殑鍓嶇绋嬪簭鍛橈紝浠婂ぉ缁欏ぇ瀹跺垎浜竴涓嬶紝淇湡闄㈠畼缃戝墠绔伐绋嬪笀锛堣亴涓氾級css浠诲姟15锛屾繁搴︽€濊€冧腑鐨勭煡璇嗙偣鈥曗€曞紑鍙戣繃绋嬩腑搴旇閬靛畧鍝簺缂栫爜瑙勮寖鍜宑lass鍛藉悕瑙勮寖锛烖/p>
1.鑳屾櫙浠嬬粛
content灞炴€ф棭鍦–SS2.1鐨勬椂鍊欏氨琚紩鍏ヤ簡,鍙互浣跨敤:before浠ュ強:after浼厓绱犵敓鎴愬唴瀹广€傛鐗规€х洰鍓嶅凡琚墍鏈変富娴佹祻瑙堝櫒鏀寔銆傚湪CSS 3 Generated Content宸ヤ綔鑽夋涓紝content灞炴€ф坊鍔犱簡鏇村鐨勭壒寰侊紝渚嬪锛氭彃鍏ヤ互鍙婄Щ闄ゆ枃妗ｅ唴瀹圭殑鑳藉姏锛屼互鍒涘缓鑴氭敞锛岀粨璇紝鍙婃钀芥敞閲娿€備絾鏄洰鍓嶈繕娌℃湁娴忚鍣ㄦ敮鎸乧ontent鐨勬墿灞曞姛鑳姐€侟/p>
2.鐭ヨ瘑鍓栨瀽
1.content灞炴€т笌:before鍙夲after浼厓绱犻厤鍚堜娇鐢ㄧ敓鎴愭枃鏈唴瀹更/p>
2.宓屽叆鏂囧瓧绗﹀彿
3.鎻掑叆鍥剧墖
4.鎻掑叆鍏冪礌鐨勫睘鎬у€稽/p>
5.鎻掑叆椤圭洰缂栧彿
5
6.椤圭洰缂栧彿淇グ
7.鎸囧畾缂栧彿绉嶇被
3.甯歌闂
濡備綍涓轰笉鍚岀殑璇█浣跨敤涓嶅悓鐨勬爣鐐圭鍙凤紵
4.瑙ｅ喅鏂规
浣跨敤content鍙互浣垮緱涓嶅悓鐨勮瑷€浣跨敤瀵瑰簲鐨勪竴浜涘瓧绗︺€侟/p>
5.缂栫爜瀹炴垬
6.鎵╁睍鎬濊€傸/strong>
寮哄ぇ鐨凜SS3 attr()鏂规硶銆侟/p>
CSS3 Values and Units鑽夋鎵╁睍浜哸ttr()琛ㄨ揪寮忕殑鑼冨洿锛岄櫎浜嗚繑鍥炲瓧绗︿覆锛岃繕鍙互杩斿洖璇稿CSS colors, CSS integer, length, angle, time, frequency浠ュ強鍏朵粬涓€浜涘崟鍏冦€侟/p>
閫氳繃浣跨敤鑷畾涔夌殑data灞炴€э紝鍙互瀹炵幇涓€浜涢潪甯稿己澶х殑鏁堟灉锛岃濡傜畝鍗曞浘琛ㄥ浘褰㈢殑娓叉煋锛屽姩鐢绘晥鏋滅殑瀹炵幇銆備緥濡傛垜浠彲浠ヨ缃牴鎹厓绱犵殑attribute鍊艰瀹歜ackground-color鐨勯鑹插€硷紝杩欏湪鏄剧ず鍦ㄧ嚎璋冭壊鏉夸笂浼氬ぇ鏀惧紓褰╋紱鎴戜滑杩樺彲浠ユ牴鎹產ttribute鍊兼寚瀹氬厓绱犵殑澶у皬锛屽氨鍍忓畾涔夊浘琛ㄦ瘡涓潯褰㈢殑闀垮害涓€鏍枫€傛€讳箣锛宎ttr()鐨勬綔鍔涙儕浜恒€侟/p>
7.鍙傝€冩枃鐚?/strong>
segmentfault涓婄殑css3 content璇﹁В
寮犻懌鏃 CSS content鍐呭鐢熸垚鎶€鏈互鍙婂簲鐢?/a>
缂栫爜瑙勮寖
8.鏇村璁ㄨ
浼被鍜屼吉鍏冪礌鐨勫尯鍒紵
銆愭洿澶氬唴瀹癸紝娆㈣繋鍔犲叆浜ゆ祦缇?65763832涓庡ぇ瀹朵竴璧疯璁轰氦娴併€慄/p>