1ï¼å<span>è¿æ ·çè¡å
æ è®°ï¼å®ä¹å®çmargin-topåmargin-bottomæ¯æ æçï¼é¤éä½ æå®è®¾ç½®ä¸ºåç¶å
ç´ æå¯ä»¥ãDisplay:block
2ï¼å¯¹äºåç¶å
ç´ ï¼ä½ å¯ä»¥èªç±ç使ç¨å¤è¾¹è·æ¥å®ä¹çå¼åå
ç´ ä¹é´çè·ç¦»ã类似 DIV ççï¼
3ï¼æ 论ä»ä¹å
ç´ ï¼ä¸æ¦è®¾ç½®ä¸ºæ¯æµ®å¨æ¾ç¤ºï¼å°±æ¥æäºå®æ´çç模åç»æï¼æ们就å¯ä»¥ä½¿ç¨å¤è¾¹è·ï¼å
è¾¹è·ï¼è¾¹æ¡ï¼é«å宽æ¥æ§å¶ç大å°ä»¥åä¸å
¶ä»å¯¹è±¡ä¹é´çä½ç½®å
³ç³»ã
4ï¼æµ®å¨æ¯ä»ç½é¡µå¸å±çè§åº¦æ¥å®ä¹å
ç´ çæ¾ç¤ºï¼èè¡å
ååç¶å±æ§ä¸»è¦æ¯ä»å
ç´ èªèº«çæ§è´¨æ¥å®å
¶æ¾ç¤ºçã
5ï¼å½å
ç´ æ²¡æå®ä¹è¾¹æ¡æ¶ï¼å¯ä»¥æå
è¾¹è·ä½ä¸ºå¤è¾¹è·ä½¿ç¨ãææ¶åå¤è¾¹è·ä¼æéå ç°è±¡çã
6ï¼å½ä¸ºå
ç´ å®ä¹èæ¯å¾åæ¶ï¼å
è¾¹è·åºåå
å¯ä»¥æ¾ç¤ºèæ¯å¾åï¼è对å¤è¾¹è·åºåæ¥è¯´ï¼èæ¯å¾åæ¯è¾¾ä¸å°çï¼ä»æ°¸è¿é½æ¯éæç¶æ
7ï¼ç¨div+css设计ç½é¡µç»ææ¶ï¼è®¾è®¡å¸æ»¡èåé½æ¯ç½é¡µå
容ï¼èéå
容æåç°çææã
8ï¼åç¶å
ç´ ï¼ä¸ç®¡åç¶å
ç´ å®½åº¦æ¯å¤å°ï¼ä»æ»ä¼èªå¨å æ®ä¸è¡ï¼å 为å¨ä»æ«å°¾éå äºä¸ä¸ªæ¢è¡ç¬¦ï¼èè¡å
å
ç´ æ²¡æè¿ä¸ªç¹ç¹ãåç¶å
ç´ æå®æ´çç模åç»æï¼å¯ä»¥å®ä¹å®½åº¦åé«åº¦ï¼èè¡å
å
ç´ æ²¡æè¿ä¸ªç¹æ§ï¼æ æ³éè¿é«åº¦æ¥æ¹åææ¬è¡çè¡é«ã
åå
ç´ ç代表æ è®° div
è¡å
å
ç´ ç代表æ è®° span ï¼è¡å
æ è®°ä¸å
·å¤ç»ç»ç»ææ¡æ¶
9ï¼ç½é¡µå¸å±å为ï¼èªç¶å¸å±ï¼æµ®å¨å¸å±ï¼ å®ä½å¸å±
10ï¼å½ä¸ä¸ªå
ç´ è¢«å®ä¹ä¸ºæµ®å¨æ¾ç¤ºæ¶ï¼å³å®ä¹ä¸ºåç¶å
ç´ ã并ä¸è¯¥å
ç´ å°±ä¼æ¶ç¼©èªèº«ä½ç§¯ä¸ºæå°ç¶æãæ以ï¼åºè¯¥æ个好çä¹ æ¯å³ææµ®å¨å
ç´ è®¾ç½®é«å宽ãå¦æ没æ设置ï¼åå
ç´ ä¼æç
§å®æå
å«çå
容大å°æ¥ç¡®å®å®ç大å°ã
11ï¼å½å
ç´ æµ®å¨åï¼å¨è¾¹ç对象ä¼èªå¨ç¯ç»æµ®å¨å
ç´ å¨å´ï¼å½¢æä¸ç§ç¯ç»å
³ç³»ã
12ï¼åç¶å
ç´ ä¹é´çå¤è¾¹è·ä¼æéå ç°è±¡ï¼ä½æ¯æµ®å¨å
ç´ ä¹é´çå¤è¾¹è·ä¸ä¼å声éå ç°è±¡ã
13ï¼æµ®å¨å
ç´ ç§»å¨ï¼ä¸ç§»ï¼margin-top:-**; ä¸ç§»ï¼margin-botom:-*px,å
¶ä»ä»¥æ¤ç±»æ¨ã
14ï¼ä¸è¬å®ä½å
ç´ ï¼ç»å¯¹ææ¯ç¸å¯¹å
ç´ ï¼é½ä¼è¦çå¨ææ¡£æµå¯¹è±¡ä¹ä¸ãä½æ¯ï¼selectå
ç´ ççªå£æ§ä»¶è¿ä¸å®å
¨æ¯æz-index
15ï¼å¨csså®ä½å¸å±ä¸ï¼ä¸è¬éµå¾ªâå¤é¨ç¸å¯¹å®ä½ï¼å
é¨ç»å¯¹å®ä½â
16ï¼å¨bodyä¸è®¾ç½®min-width:760px,å¯ä»¥é¿å
å¸å±éå ç°è±¡ã
温馨提示:答案为网友推荐,仅供参考