說一說網頁設計中的浮動模型
html頁面的標準文件流，其預設布局是：從上到下，從左到右，遇塊（狀元素）換行；
若在文件中加入float層，那麼這一層會脫離文件流，進行左右浮動。可以這樣不專業的認為，在看html文件時，先不看float層（當然在出現清浮動**時不能這樣看），等到全部文件看完後，在看 float層。
現在來介紹一下float屬性：
1.left：向左浮動
2.right：向右浮動
3.none：預設值
4.inherit：從父元素繼承float屬性
注：1.靠近瀏覽器頁面邊緣的一邊為前，遠離頁面邊緣的一邊為後
如：float：left 則按順序從左向右水平排列（視螢幕大小所定，當螢幕較小時，浮動層會被迫轉行）；
float：right則按順序從右向左水平排序；
2.前面說過看html文件先不看float層，但是要糾正一點
如：定義 div1，div2，div3，其中div2定義為float：left，最後的結果是 div3的內容被覆蓋
所以在看文件內容時，要注意依舊按照順序排列，但文件流和float層是平行的關係；
最後一句：小哈個人認為文件流是豎向排列，而浮動之後可以變為橫向排列
下面我們來看看清除浮動吧
清除浮動的關鍵字是：clear，其屬性為：
1.left：不允許左邊有浮動；
2.right：不允許右邊有浮動；
3.none：默許兩邊都可以有浮動；
4.both：不允許兩邊有浮動；
注：clear屬性只能影響清除元素本身，不會影響其他元素
小哈覺得這是清除浮動最重要的原理，其他就沒什麼了；
最後祝大家學習快樂！
PHP 網頁設計 字型屬性
font size 字型大小 chrome最小12px 谷歌預設的最小值 font weight 字型粗細 bold加粗 bolder更粗 lighter更細 400等同於normal 700相當於bold font style 斜體 normal正常 italic斜體 oblique傾斜 這兩個斜...
css的浮動屬性
div在html5中屬於塊狀元素，在頁面顯示中是獨佔一行的，預設上下排序，也就是標準文件流，如圖所示 但是在頁面布局時為想要的效果，會要求在一行內有多個塊狀元素並列顯示。這個是後就要用到css中的浮動屬性 float 浮動屬性有三個屬性值 float left 元素向左浮動 float right ...
css裡的浮動布局
float浮動 none 預設值不浮動 left right inherit 繼承父元素的float block 塊 元素的特點 總是在新行上開始 高度，行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 塊級元素不設定寬度之後使用浮動 就會...