網頁布局過程
1、先準備好相關網頁元素，網頁元素基本都是盒子box
2、利用css設定號盒子樣式，然後拜訪到相應的位置
3、往盒子裡面裝內容
網頁布局核心：利用css擺盒子
盒子模型：就是吧html頁面的布局元素看作是乙個矩形的盒子，也就是乙個盛裝內容的容器
盒子模型本子上是乙個盒子，封裝周圍的html元素，它包括邊框、外邊距、內邊距、和實際內容
邊框boder可以設定元素的邊框
邊框有三部分組成：邊框寬度（粗細）、邊框樣式、邊框顏色
例子：
邊框的復合寫法（簡寫）：
例子：
邊框分開寫法：
例子：
對不同邊框設定顏色可以考慮用到層疊性減少**的量：
**的細線邊框
border-collapse 屬性控制瀏覽器繪製**邊框的方式。它控制相鄰單元格的邊框。
collapse是合併的意思
border-collapse:collapse；表示相鄰邊框合併在一起
邊框會影響盒子實際大小
邊框會額外增加盒子的實際大小，因此：
1、測量盒子大小的時候，不量邊框
2、測量的時候包含了邊框，需要高和寬減去邊框的高度
（ps：引自pink老師~，剛剛開始作為自己的學習筆記寫，如有不好請見諒，阿里嘎多）
[^1]：
CSS盒子模型的基礎知識
文件流 normal flow 網頁是乙個多層的結構，一層摞著一層。通過css可以分別為每一層來設定樣式，作為使用者來講只能看到最頂上一層，這些層中，最底下的一層稱為文件流，文件流是網頁的基礎，我們所建立的元素預設都是在文件流中進行排列。對於我們來元素主要有兩個狀態 在文件流中 不在文件流中 脫離文...
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器，以及一條或者多條宣告h1 css內部的注釋以 開始，以 結束p id選擇器，通過 來選擇html元素 username class選擇器，通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...