常見CSS頁面架構

2022-09-16 23:12:28 字數 1616 閱讀 4662

1. 左右固定,中間變化

css**:

html**

<

div

class

="left"

>

<

p>左側固定部分

p>

div>

<

div

class

="midd"

>

<

div

class

="mic"

>

<

p>中間自由擴充套件部分<

p>

div>

div>

<

div

class

="right"

>

<

p>右側固定部分

p>

div>

同理可以得出右側自適應:

>右側自適應

title

>

<

style

type

="text/css"

>

.left

.midd

.left p, .midd p

.right

.rightc

pstyle

>

head

>

<

body

>

<

div

class

="left"

>

<

p>左側自適應

p>

div>

<

div

class

="midd"

>

<

p>中間定寬

p>

div>

<

div

class

="right"

>

<

div

class

="rightc"

>

<

p>右側定寬

p>

div>

<

div>

body

>

html

>

靜態頁面架構 CSS之顏色與單位

一.顏色與單位 顏色 前景色與背景色 設定文字和背景顏色 顏色的命名 透明度 是以opacity定義元素透明度 範圍值0到1.0 二。文字 結構化元素 標題元素 標題大小用h1到h6表示 常用的h1到h3,h1最大,h6最小 4.換行符與水平線 換行是以br元素定義的,水平線是以hr元素定義的 5....

筆記 頁面開發過程CSS常見操作

內外div,設定內div內容移動 div內部元素 如按鈕 溢位 div,div高度為0。設定按鈕大小推薦直接設定它的padding。同行多個行內元素無法對齊 解決方案 設定父元素行高 較大 改變div中文字的位置 方案 1 在文字外加div,設定margin 方案 2 設定div的padding 要...

五種最常見的CSS頁面布局

html layout layout article layout article div layout article left layout article center layout article right 複製 layout float left center right left ri...