文件流文件流處在網頁的最底層，它表示的是乙個頁面中的位置，我們所建立的元素預設都處在文件流中。
元素在文件流中的特點
塊元素1.塊元素在文件流中會獨佔一行，塊元素會自上向下排列。
2.塊元素在文件流中預設寬度是父元素的100%
3.塊元素在文件流中的高度預設被內容撐開
內聯元素
1.內聯元素在文件流中只佔自身的大小，會預設從左向右排列，
如果一行中不足以容納所有的內聯元素，則換到下一行，
繼續自左向右。
2.在文件流中，內聯元素的寬度和高度預設都被內容撐開
當元素的寬度的值為auto時，此時指定內邊距不會影響可見框的大小，而是會自動修改寬度，以適應內邊距
塊元素在文件流中預設垂直排列，所以這個三個div自上至下依次排開，如果希望塊元素在頁面中水平排列，可以使塊元素脫離文件流使用float來使元素浮動，從而脫離文件流。可選值：
none，預設值，元素預設在文件流中排列
left，元素會立即脫離文件流，向頁面的左側浮動
right，元素會立即脫離文件流，向頁面的右側浮動
浮動的元素不會蓋住文字，文字會自動環繞在浮動元素的周圍，所以我們可以通過浮動來設定文字環繞的效果。
在文件流中，子元素的寬度預設佔父元素的全部當元素設定浮動以後，會完全脫離文件流.塊元素脫離文件流以後，高度和寬度都被內容撐開。
開啟span的浮動內聯元素脫離文件流以後會變成塊元素。
html5學習筆記 1 文件模板
html5 是以往html 的公升級版 模版結構 主要有以下幾個部分組成 1 宣告文件型別 2 文件頁面 2.1 html元素 lang 屬性非必要 可省略 2.2 head 元素head第一行一般定義文件的字元編碼 附meta 解惑1.告訴搜尋引擎你的站點的製作的作者 2.告訴搜尋引擎你的站點的主...
H5 學習筆記3
html標籤 表單 input標籤 屬性 type text文字框 password密碼框 radio單選框 checkbox多選框 button按鈕 reset重置 submit提交 select標籤 屬性 option 下來框 textarea標籤 文字域 button標籤 作用範圍比較廣 fo...
H5學習筆記（六）
1 複雜選擇器 1 兄弟選擇器 兄弟 具備相同父元素的一組元素稱為兄弟元素 1 相鄰兄弟選擇器 1 什麼是相鄰兄弟選擇器 匹配指定元素的相鄰兄弟元素 2 語法 結合符 選擇器1 選擇器2 2 通用兄弟選擇器 1 什麼是通用兄弟選擇器 匹配指定元素下面所有的兄弟選擇器的元素 2 語法 結合符 選擇器1...