標準流（普通流/文件流）
塊級元素、行內元素、行內快元素
整個頁面由三個要素組成：標準流 + 浮動 + 定位
注意：多個塊級元素縱向排列 使用標準流
橫向排列-------------》浮動
1.1 傳統網頁布局的三種方式
網頁布局的本質——用 css 來擺放盒子。 把盒子擺放到相應位置.
css 提供了三種傳統布局方式(簡單說,就是盒子如何進行排列順序)：
普通流（標準流）
浮動
定位
1.2 標準流（普通流/文件流）
所謂的標準流: 就是標籤按照規定好預設方式排列.
\1. 塊級元素會獨佔一行，從上向下順序排列。
常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table
\2. 行內元素會按照順序，從左到右順序排列，碰到父元素邊緣則自動換行。
常用元素：span、a、i、em 等
以上都是標準流布局，我們前面學習的就是標準流，標準流是最基本的布局方式。
這三種布局方式都是用來擺放盒子的，盒子擺放到合適位置，布局自然就完成了。
**注意：**實際開發中，乙個頁面基本都包含了這三種布局方式（後面移動端學習新的布局方式） 。
1.3 為什麼需要浮動？
總結： 有很多的布局效果，標準流沒有辦法完成，此時就可以利用浮動完成布局。 因為浮動可以改變元素標
籤預設的排列方式.
浮動最典型的應用：可以讓多個塊級元素一行內排列顯示。
網頁布局第一準則：多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。
1.4 什麼是浮動？
float 屬性用於建立浮動框，將其移動到一邊，直到左邊緣或右邊緣觸及包含塊或另乙個浮動框的邊緣。
語法：選擇器
屬性值描述
none
不浮動left
左right
右1.5 浮動特性（重難點）
加了浮動之後的元素,會具有很多特性,需要我們掌握的.
\1. 浮動元素會脫離標準流(脫標)
\2. 浮動的元素會一行內顯示並且元素頂部對齊
\3. 浮動的元素會具有行內塊元素的特性
上班沒看懂，來更新下騙自己！！
自學前端day 8
在html檔案的裡寫 href style.css 寫上css檔案的路徑 自己走過的坑 外聯不起作用時，檢查你呼叫的css相對路徑是否正確！1 aaa.aa 表示從 根目錄開始,即 根目錄下的aaa.aa檔案 2 aaa.aa 表示本目錄下的aaa.aa 3 aaa.aa 表示上一級目錄中的aaa....
2019 5 24 自學前端 120天
時間從來不會等人準備好了再繼續向前。這120天來，有1 3在划水，隨便做幾個簡單的demo 有時甚至不做 就關掉vs code，開啟了steam或者wegame 有1 3在原地踏步，日學習時間小於兩小時。只有剩下的1 3裡我才真正的被這股興趣拉著走，為每乙個新get的東西感到由衷的成就感，包括在橙旭...
小白自學前端 HTML 一
本文內容和順序，是參考的 w3c 組織所屬 w3c 即 html 規則的制定組織。如果不想看我的文章可以直接去看他們的 就行了。tip 沒事，我就隨便寫寫 doge。w3c html 就是用來描述網頁的一種語言。html 標記標籤也可以稱之為 html 標籤 html tag html 標籤 通常 ...