1. 程式人生 > >盒子模型-筆記

盒子模型-筆記

=========================

    2017-3-1

=========================

網站

            專案

                       images

                       css

                                  base.css
          layout.css
           index.css

浮動

脫離文件流
寬度不夠會掉下來
行內元素支援寬高
塊元素會根據內容撐開寬高
文字環繞


***用到浮動必須清浮動


不要用inline-block,用浮動


定位

相對定位
根據自己定位
不會脫離文件流
絕對定位
脫離文件流
根據父級定位(父級沒有定位,找父級的父級,一直找到body)
行內元素會變成塊
塊元素寬高會根據內容撐開


層級

後寫的元素變先寫的元素層級高
只對定位元素生效
最大值2的32次方
別用負值




巢狀規則

行內
i b strong em span a


只能巢狀行內元素(自己相同的標籤除外)
a可以巢狀所有標籤

div p ul li ol dl dt dd h1 - h6


可以巢狀所有標籤
p只可以巢狀行內


XHTML規範 嚴格的HTML
img標籤必須有alt
雙標籤必須有結束標籤
單標籤必須合理閉合<img />
標籤名屬性名必須小寫
引號都是雙引號
所有符號必須英文