DIV+CSS標準化佈局
阿新 • • 發佈：2018-11-07
1、DIV+CSS佈局
說明：在網頁開發製作中，需要對頁面內容進行“模組化標準佈局”，把內容放入到某個位置，讓頁面形成固定規律展示出來
模組化：在網頁中所有的內容都是以塊來展示的
標準化：在開發網站時是有一定的標準的，W3C制定標準。
優點：為了把HTML頁面和CSS程式碼進行分離，在以後的維護時和合作開發時有利於搜尋引擎的抓取。
2、無意義的“div”和“span”
說明：在HTML標記中一般都是有自帶“名稱”，如：h1是標題，a是超連結
只有div和span是沒有意義的，所以佈局就使用div和span，div一般給大塊的內容佈局，span是給行內的內容佈局。
塊元素：不管內容多少，都會佔一行，可以改變大小，還是獨佔一行
行內元素：內容多少佔多少
3、塊元素和行內元素的互相轉換
display的描述：1塊元素和行內元素的轉換 Block（塊）、inline（行內）、inline-block（行內塊）
2顯示和隱藏 None（隱藏）、block（顯示）
<head> <style type="text/css"> a{ border: 1px solid red; width: 100px; display:block;/*轉換成塊元素*/ display: inline-block;/*轉換成行nne內塊*/ text-align: center; } a.a4{ display: none;/*隱藏*/ display: block/*顯示*/ } </style> </head> <body> <a href="#">首頁</a> <a href="#">簡介</a> <ahref="#">新聞</a> <a class="a4" href="#">聯絡我們</a> </body>