CSS
鏍峰紡涓瓧浣撳ぇ灏忥紝寤鸿
font-size
浣跨敤
em
鍦ㄥ浠婅繖涓彁鍊″彲鐢ㄦ�ц璁′互鍙婄敤鎴蜂綋楠岃璁＄殑缃戠粶鏃朵唬锛?/p>
CSS
涔熸槸瑕佷竴鍚?/p>
鍙備笌鍏朵腑鐨勩�?/p>
澶ч儴鍒嗕汉鍦?/p>
CSS
浠ｇ爜缂栧啓涓�绘槸鍏堝鏁翠綋瀹氫箟瀛椾綋灏哄锛?/p>
涓枃鎯呭喌
涓嬩竴鑸负
12px
锛岃�屽叾瀹炶繖鏍蜂互鏉ュ湪閫氳繃
IE
椤堕儴鑿滃崟涓殑鈥滃療鐪?/p>
-
鏂囧瓧澶у皬鈥濊
缃凡鏃犱换浣曚綔鐢ㄣ�?/p>
瀵瑰瓧浣撴劅瑙夊お灏忕殑娴忚鑰呰�岃█鏃犵枒鏄寰堜笉濂界殑鐢ㄦ埛浣撻獙杩囩▼銆?/p>
鍏跺疄杩欎竴鍒囬兘鍙互閬垮厤锛岄偅灏辨槸浣跨敤
em
鍗曚綅浣滀负瀛椾綋鏄剧ず鍗曚綅銆?/p>
娴忚鍣ㄧ殑榛樿瀛椾綋楂橀兘鏄?/p>
16px
锛屾墍浠ユ湭缁忚皟鏁寸殑娴忚鍣ㄥ湪鏄剧ず
1em=16px
銆?/p>
鎹㈢畻杩囨潵鐨勮瘽涔熷氨鏄
1px=0.0625em
锛屼篃灏辨槸
12px=0.75em,
10px=0.625em
锛岄�?/p>
杩?/p>
1px=0.0625em
澶у鍙互鍦?/p>
CSS
缂栧啓鏃堕�氳繃
px
杞崲鎴?/p>
em
銆備笉杩囪繕鏈変竴绉嶆洿鏂?/p>
渚跨殑鏂规硶锛岀户缁線涓嬬湅锛?/p>
杩欑鏂规硶瑕佺敤鍒?/p>
%
鍗曚綅锛堜粎
1
娆★級锛屽叾瀹?/p>
%
鍜?/p>
em
绠�鍗曠殑璇濆彲浠ョ悊瑙ｆ垚鍓嶈�呭彧
鏄瘮鍚庤�呭
2
涓?/p>
0
銆備负浜嗙畝鍖?/p>
font-size
鐨勬崲绠楋紝澶у鍙互鍦?/p>
css
涓殑
body
涓?/p>
鍏堝叏灞�澹版槑
font-size=62.5%
锛?/p>
杩欓噷鐨?/p>
%
鐨勭畻娉曞拰
em
涓�鏍凤紝
100%=16px
锛?/p>
1px=6.25%
锛?/p>
10px=62.5%
锛屼篃灏辨槸瀹氫箟浜嗛粯璁ゅ瓧浣撳ぇ灏忎负
10px
銆傚緢澶氬垵瀛﹁�呭彲鑳戒細鍦ㄦ瀹氫箟
0.625em
鎴栬�呯洿鎺ュ畾涔?/p>
12px
锛岃繖鏄病鏈夋晥鏋滅殑锛屼竴瀹氳瀹氫箟
font-size=62.5%
锛?/p>
鐢变簬
em
鍏锋湁浼氱户鎵跨埗绾у嚭琛�鍏冪礌鐨勫瓧浣撳ぇ灏忕殑鐗圭偣锛岃繖鏄殑
1em=10px
锛屾墍浠?/p>
12px=1.2em
銆?/p>
px
涓?/p>
em
鐨勮浆鎹㈤�氳繃闄や互
10
灏卞彲浠ュ緱鏉ワ紝寰堟柟渚夸簡鍚э紒
姝ゅ鏈変竴鐐瑰繀椤昏娉ㄦ剰锛屽彲鑳芥槸
IE
澶勭悊姹夊瓧鏃讹紝瀵逛簬娴偣鐨勫彇鍊肩簿纭害鏈?/p>
闄愶紝鍦?/p>
body
涓?/p>
62.5%
鍑烘潵鐨?/p>
12px
瀛椾綋姣旂洿鎺ュ畾涔夌殑瑕佸ぇ涓�鐐圭偣锛屽彧瑕佸皢
62.5%
鎹㈡垚
63%
灏卞彲浠ヤ簡銆傞�氳繃浠ヤ笂瀵?/p>
CSS
浠ｇ爜鐨勮皟鏁达紝浣犱細鍙戠幇鑷繁鐨勭綉绔欏張鍚戠敤鎴?/p>
浣撻獙璁捐鏇撮潬杩戜簡涓�姝ワ紝
鍦ㄥ浠婅繖涓彁鍊″彲鐢ㄦ�ц璁′互鍙婄敤鎴蜂綋楠岃璁＄殑缃戠粶鏃?/p>
浠ｈ繖鏄緢閲嶈鐨勩�?/p>
Html
浠ｇ爜
1.
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional
//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
2.
3.
<html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
4.
5.
<head>
