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...