排版 ：只要使用定位必須有一個相對位置的參照物 relative

　　具體定位的那個元素需要加position:absolute （絕對定位的意思） 具體到某個地方 ，特別詳盡的意思

　　瀏覽器使用絕對定位的時候，瀏覽器會逐層向上級元素找position屬性 如果父級沒有就會繼續向上級查找position ，一直找到position為止，如果找不到就會以body為相對位置。

　　position兩個屬性 absolute屬性 relative屬性

　　　　　　　　　　具體位置? ? ? ? ? ? ?給一個參照物

　　頁面布局

　　頁面布局分兩個部分 結構層和布局層

　　結構層指? 搭載我們頁面的框架（ 遵循瀏覽器的規則）標準文檔流

　　布局層 指 針對我們框架內部結構進行排版? （用后代選擇器或子代選擇器做結構層）

　　每當寫一個模塊先套兩個<div>，一個結構層 （盡量只設置width;margin:0 auto)，一個布局層

　　注意能不使用浮動解決問題的時候，盡量不要用浮動。

　　盒子標簽<div> 意思是：就是一個容器 ，可以裝任何標簽

　　細節：塊級元素的寬 ，如果沒有設置寬，就是父級的寬 如果沒有設置高就是內容的高度

　　單位問題：百分比 給一個元素設置寬是50%，那么這個百分之五十相對于他的父級

　　窗口是能看見的內容，網頁時整體（html）

　　relative和absolute的區別

　　absolute脫離了標準文檔流

　　relative不會 雖然給值了 但依然會占著原來的位置

　　relative有在形影分離 所以一般情況下不建議添加值，一般給子元素當參照位置或是對元素進行微調

　　absolute的一種壓蓋現象“壓蓋”效果

　　z-index層次關系 可以改變元素的層疊位置 所有標簽的默認值為0 ,z-index的值越大該元素就在上方

　　備注：以后做定位的時候經量保持“子絕父相”（兒子絕對定位，父級相對定位）

　　position:fixed; 固定定位 當內容很多的時候 ，滾動滾動條的時候fixed會固定在那個位置 ，始終不變

　　脫離標準流的屬性? float; absolute; fixed; position:static? （靜態? 系統默認的）

　　form表單? 唯一一個跟后臺有關系的標簽

　　<form:action=""? method="post"></from>

　　　　　　action（提交的位置） method（提交的方式）

　　method后面兩個屬性值 post（加密）和get? （不加密）

　　get是? http的url上提交的

　　post加密在http中的一個body對象上提交的

　　<form></form>

　　<input type="text" />? ? ? ? ? ? ?文本框

　　<input type="password" />　　　　密碼框

　　<input type="radio" />　　　　　　單選框

　　<input type="checkbox" />　　　　多選框

　　<input type="button" value=""/>　　　　普通按鈕

　　<input type="submit" value""/>　　　　提交按鈕

　　http 是一種協議 就是客戶端和服務端連接的一種協議? ? （超文本傳輸協議）

　　下拉列表

　　<select name="">

　　　　<option value="? 給后端看的 " > 前端看的 </option>

　　</select>

　　<input type="reset" value="" />? ? ? ? ? 重置列表

轉載于:https://www.cnblogs.com/shangjun6/p/9669514.html

總結

以上是生活随笔為你收集整理的排版的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。