css基礎布局

實現乙個兩側寬度固定，中間寬度自適應的三欄布局。

要點：頁面的dom結構

header

this is main body
this is left body
this is right body
footer

body 

.lay-header,.lay-footer 
.main,.left,.right 
.main 
.main-corn 
.left 
.right 
.lay-footer 
header
this is main body
this is left body
this is right body
footer

//flex布局不用設定min-width也可很好的適應

.container 
.main 
.left 
.right

body 

.container

CSS基礎布局

一 瀏覽器如何解析css 三種引用樣式表 1 嵌入式 2 style標籤 3 外部css檔案 二 盒模型 html中每乙個塊元素基本上都可以看成乙個盒子，這個盒子的寬和高，外加內邊距 邊框粗細和外邊距這些東西，決定了元素的尺寸。如果定義了乙個寬50畫素的盒模型，padding 2px，border ...

css基礎 布局

背景設定 屬性作用 background size 背景圖的大小，cover,contain background repeat 平鋪background position 背景的位置 background origin 對齊方式 object fit 可以使適應背景的大小 box sizing 在...

CSS布局基礎

初級 css布局 一 單列布局 1 基礎知識 塊級元素 div p ul li dl dt 行級元素 img span input strong同一行顯示 無換行 2 盒子模型 盒子模型 邊框border 外邊距margin 內邊距padding 內容content 盒子模型3維立體圖 自上往下 邊...