Ⅰ 濡備綍璁ヾiv閲岀殑div灞呬腑濡備綍璁ヾiv閲岄潰鐨刣iv灞呬腑
濡備綍浣縟iv鍧楀眳涓锛
1銆傚湪HTML涓鐨刡ody鏍囩惧啓鍦―IV鏍囩惧2.鐒跺悗鎴戜滑璁剧疆div鐨勫藉害鍜岄珮搴︺傛垜浠闇瑕佹敞鎰忕殑鏄锛屽傛灉浣犱笉鎶婇粯璁ゅ藉害璁剧疆涓100%锛屽畠浼氬～婊℃暣涓椤甸潰銆
3.鐒跺悗鎴戜滑璁剧疆Div鐨勮竟璺濄傜涓涓鍙傛暟琛ㄧず璺濋《閮ㄧ殑璺濈讳负0锛岀浜屼釜鍙傛暟鑷鍔ㄨ〃绀鸿嚜鍔ㄣ備篃灏辨槸璁剧疆濂借繖涓璁剧疆鍚庯紝div浼氭牴鎹椤甸潰鑷鍔ㄥ眳涓銆
4.娴忚堟晥鏋滃ソ浜嗕箣鍚庯紝鍙浠ョ湅鍒版ゆ椂DIV鍧楀凡缁忚嚜鍔ㄥ眳涓锛岀绘祻瑙堝櫒宸﹀彸涓よ竟璺濈荤浉绛夈
web鍓嶇鎬庝箞璁╂爣棰樺眳涓锛
web鍓嶇璁╂爣棰樺眳涓鏂规硶锛氭爣棰樻爣绛鹃粯璁ゆ槸鍗犳弧鐖剁骇鍏冪礌鏁磋岀┖闂寸殑锛屽傛灉甯屾湜璁╂爣棰樺厓绱犲湪鐖剁骇鍏冪礌褰撲腑灞呬腑锛岄栧厛瑕佷负鏍囬樺厓绱犺剧疆瀹藉害锛屽啀閽堝规爣棰樺厓绱犱娇鐢╩argin锛宮argin鐨勬按骞虫柟鍚戣剧疆涓篴uto鍗冲彲锛屾瘮杈冨父鐢ㄧ殑CSS浠ｇ爜鏄锛歮argin:0auto;琛ㄧず姘村钩鏂瑰悜auto锛堣嚜鍔锛夛紝鍨傜洿鏂瑰悜鐨勫栬竟璺濅负0.濡傛灉鏄甯屾湜鏍囬樻爣绛鹃噷鐨勬枃鏈鍐呭瑰眳涓澶勭悊锛岄偅涔堜负鏍囬樺厓绱犺剧疆text-align:center;鍗冲彲
html鎬庝箞璁﹑閲岀殑鏂囨湰灞呬腑锛
1銆侀栧厛鎵撳紑SublimeText杞浠讹紝鏂板缓涓涓狧TML椤甸潰锛
2銆佺劧鍚庢垜浠鍦╤tml椤甸潰涓鍔犲叆p鏍囩撅紝骞朵笖鍦╬鏍囩句腑鍔犲叆涓浜涙枃瀛楋紝
3銆佹帴涓嬫潵鎴戜滑缁檖鏍囩剧紪鍐機SS鏍峰紡锛岃繖閲屼富瑕佹槸text-align鍜宭ine-height涓や釜灞炴э紝
4銆佹渶鍚庢垜浠杩愯岄〉闈㈢▼搴忥紝浣犲氨浼氬湪椤甸潰涓鐪嬪埌p涓鐨勬枃瀛楁按骞冲瀭鐩撮兘灞呬腑浜嗐
p鎬庝箞璁剧疆鐩掑瓙灞呬腑锛
*{margin:0;padding:0;}body{width:100%;height:100%;}#dd{width:1200px;height:300px;margin:0auto;}pid=dd>/p>
鍒涘缓缃戦〉鎬庝箞鏍疯╁唴瀹逛腑鏍囬樺眳涓锛
鏍囬樻爣绛鹃粯璁ゆ槸鍗犳弧鐖剁骇鍏冪礌鏁磋岀┖闂寸殑锛屽傛灉甯屾湜璁╂爣棰樺厓绱犲湪鐖剁骇鍏冪礌褰撲腑灞呬腑锛岄栧厛瑕佷负鏍囬樺厓绱犺剧疆瀹藉害锛屽啀閽堝规爣棰樺厓绱犱娇鐢╩argin锛宮argin鐨勬按骞虫柟鍚戣剧疆涓篴uto鍗冲彲锛屾瘮杈冨父鐢ㄧ殑CSS浠ｇ爜鏄锛歮argin:0auto;琛ㄧず姘村钩鏂瑰悜auto锛堣嚜鍔锛夛紝鍨傜洿鏂瑰悜鐨勫栬竟璺濅负0.濡傛灉鏄甯屾湜鏍囬樻爣绛鹃噷鐨勬枃鏈鍐呭瑰眳涓澶勭悊锛岄偅涔堜负鏍囬樺厓绱犺剧疆text-align:center;鍗冲彲
p灞呬腑甯冨眬鍘熺悊锛
left鍜宼op鏄浠ョ埗鍏冪礌璁＄畻瀹藉害鐨勶紝鎵浠ュ彲浠ヨ﹑宸︿笂瑙掑畾浣嶅湪鐖跺厓绱犳ｄ腑闂达紝鐒跺悗浣跨敤margin鍚戝弽鏂瑰悜鎺ㄥ姩p鍋忕Щ浜屽垎涔嬩竴鐨刾鑷韬鐨勫藉害鍜岄珮搴︼紝灏卞彲浠ヨ╁師鏈宸︿笂瑙掔殑鐐圭疆浜巔姝ｄ腑蹇冿紝鐪嬭捣鏉ュ氨鍍忓眳涓浜嗐