頁面布局要學習三大核心, 盒子模型, 浮動 和 定位。
學習好盒子模型能非常好的幫助我們布局頁面
網頁布局過程：
先準備好相關的網頁元素，網頁元素基本都是盒子 box 。
利用 css 設定好盒子樣式，然後擺放到相應位置。
往盒子裡面裝內容
網頁布局的核心本質：就是利用 css 擺盒子
所謂盒子模型：就是把html頁面中的布局元素看作是乙個矩形的盒子，也就是乙個盛裝內容的容器。
css 盒子模型本質上是乙個盒子，封裝周圍的html 元素，它包括：邊框、外邊距、內邊距、和實際內容
css 邊框屬性允許你指定乙個元素邊框的樣式和顏色。
邊框樣式border-style 可以設定如下值：
前端CSS基礎
目錄二 scc 書寫位置 引入方式實戰 三 css注釋管理 四 基本選擇器 重要 五 組合選擇器 重點 六 屬性選擇器 七 分組與巢狀 八 偽類選擇器 一 css 1.什麼是css？css cascading style sheet，層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表，它就...
前端基礎 css筆記
css的四種引入方式 1.行內式 顯示優先順序最高 hello 2.嵌入式3 鏈結式 4.匯入式注意 匯入式會在整個網頁裝載完後再裝載css檔案，因此這就導致了乙個問題，如果網頁比較大則會兒出現先顯示無樣式的頁面，閃爍一下之後，再出現網頁的樣式。這是匯入式固有的乙個缺陷。使用鏈結式時與匯入式不同的是...
前端基礎 CSS樣式
css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...