<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
<span id="bn8ez"></span>
<label id="bn8ez"><meter id="bn8ez"></meter></label>
<center id="mkyuq"><acronym id="mkyuq"></acronym></center>
<bdo id="mkyuq"></bdo>
<li id="mkyuq"><source id="mkyuq"></source></li>
<button id="mkyuq"><input id="mkyuq"></input></button>
<code id="mkyuq"><xmp id="mkyuq"></xmp></code>
<tfoot id="mkyuq"></tfoot>
Welcome 布拉格
BlogJava
首頁
聯(lián)系
聚合
管理
6 Posts :: 13 Stories :: 15 Comments :: 0 Trackbacks
公告
常用鏈接
我的隨筆
我的文章
我的評論
我的參與
最新評論
留言簿
(3)
給我留言
查看公開留言
查看私人留言
隨筆分類
(1)
HTML/CSS
Java
javascript(1)
Sql
文章分類
(7)
HTML\CSS(6)
javascript(1)
最新評論
1.?re: HTML/css常識
評論內(nèi)容較長,點擊標題查看
--2265
2.?re: java.util Properties 學習
very very good
--wjp
3.?re: java.util Properties 學習
very good
--zhangsir
4.?re: sql學習
評論內(nèi)容較長,點擊標題查看
--天天進步一點點
CSS基本布局16例
CSS基本布局16例
作者：Owen Briggs 2004-6-25 13:44:32
以下布局資料原作者：
Owen Briggs
單行單列
單行單列1
：采用float浮在左上角，固定寬度。
單行單列2
：固定在左上角，固定寬度，采用的是絕對(absolute)定位。
單行單列3
：固定在左上角，不固定寬度，采用百分比(%)定義寬度來自適應頁面。
單行單列4
(推薦)：固定寬度，采用在body樣式中定義居中屬性(text-align: center;)實現(xiàn)適應頁面自動居中。
單行兩列
單行兩列1
：兩列都固定寬度。第一列浮在左上角，第二列浮在第一列右邊。
單行兩列2
：兩列都百分比寬度，但不滿屏。第一列固定在左上角，第二列浮在第一列右邊。
單行兩列3
：兩列都百分比寬度，滿屏。兩列都采用絕對定位。
單行兩列4
：兩列都百分比寬度，滿屏。第一列浮在左上角，第二列浮在右上角。
單行兩列5
：兩列都百分比寬度，滿屏。第一列浮在左上角，第二列浮在第一列右邊。
單行三列
單行三列1
：左右列都絕對定位(右列定位在右上)。左列和右列固定寬度，中間列自適應頁面。
單行三列2
：左列定位在左上，右列定位在右上，中間列浮在左列右面。左列和右列固定寬度，中間列自適應頁面。
單行三列3
：三列都絕對定位。左列和右列固定寬度，中間列根據(jù)內(nèi)容自適應。
單行三列4
(推薦)：類似樣式2，只是將margin: 20px屬性增加在body樣式中，解決了中間列在Netscape6.0中置頂?shù)膯栴}。
單行三列5
：左右列絕對定位，中間列自適應。寬度滿屏。
頂行三列
頂行三列1
(推薦)：頂行自適應頁面寬度。左右列絕對定位，中間列自適應頁面。
頂行三列2
：寬度滿屏
?
216 Web Safe Color Chart
#FFFFFF
R=255
G=255
B=255
#FFFFCC
R=255
G=255
B=204
#FFFF99
R=255
G=255
B=153
#FFFF66
R=255
G=255
B=102
#FFFF33
R=255
G=255
B=51
#FFFF00
R=255
G=255
B=0
#FFCCFF
R=255
G=204
B=255
#FFCCCC
R=255
G=204
B=204
#FFCC99
R=255
G=204
B=153
#FFCC66
R=255
G=204
B=102
#FFCC33
R=255
G=204
B=51
#FFCC00
R=255
G=204
B=0
#FF99FF
R=255
G=153
B=255
#FF99CC
R=255
G=153
B=204
#FF9999
R=255
G=153
B=153
#FF9966
R=255
G=153
B=102
#FF9933
R=255
G=153
B=51
#FF9900
R=255
G=153
B=0
#FF66FF
R=255
G=102
B=255
#FF66CC
R=255
G=102
B=204
#FF6699
R=255
G=102
B=153
#FF6666
R=255
G=102
B=102
#FF6633
R=255
G=102
B=51
#FF6600
R=255
G=102
B=0
#FF33FF
R=255
G=51
B=255
#FF33CC
R=255
G=51
B=204
#FF3399
R=255
G=51
B=153
#FF3366
R=255
G=51
B=102
#FF3333
R=255
G=51
B=51
#FF3300
R=255
G=51
B=0
#FF00FF
R=255
G=0
B=255
#FF00CC
R=255
G=0
B=204
#FF0099
R=255
G=0
B=153
#FF0066
R=255
G=0
B=102
#FF0033
R=255
G=0
B=51
#FF0000
R=255
G=0
B=0
?
#CCFFFF
R=204
G=255
B=255
#CCFFCC
R=204
G=255
B=204
#CCFF99
R=204
G=255
B=153
#CCFF66
R=204
G=255
B=102
#CCFF33
R=204
G=255
B=51
#CCFF00
R=204
G=255
B=0
#CCCCFF
R=204
G=204
B=255
#CCCCCC
R=204
G=204
B=204
#CCCC99
R=204
G=204
B=153
#CCCC66
R=204
G=204
B=102
#CCCC33
R=204
G=204
B=51
#CCCC00
R=204
G=204
B=0
#CC99FF
R=204
G=153
B=255
#CC99CC
R=204
G=153
B=204
#CC9999
R=204
G=153
B=153
#CC9966
R=204
G=153
B=102
#CC9933
R=204
G=153
B=51
#CC9900
R=204
G=153
B=0
#CC66FF
R=204
G=102
B=255
#CC66CC
R=204
G=102
B=204
#CC6699
R=204
G=102
B=153
#CC6666
R=204
G=102
B=102
#CC6633
R=204
G=102
B=51
#CC6600
R=204
G=102
B=0
#CC33FF
R=204
G=51
B=255
#CC33CC
R=204
G=51
B=204
#CC3399
R=204
G=51
B=153
#CC3366
R=204
G=51
B=102
#CC3333
R=204
G=51
B=51
#CC3300
R=204
G=51
B=0
#CC00FF
R=204
G=0
B=255
#CC00CC
R=204
G=0
B=204
#CC0099
R=204
G=0
B=153
#CC0066
R=204
G=0
B=102
#CC0033
R=204
G=0
B=51
#CC0000
R=204
G=0
B=0
?
#99FFFF
R=153
G=255
B=255
#99FFCC
R=153
G=255
B=204
#99FF99
R=153
G=255
B=153
#99FF66
R=153
G=255
B=102
#99FF33
R=153
G=255
B=51
#99FF00
R=153
G=255
B=0
#99CCFF
R=153
G=204
B=255
#99CCCC
R=153
G=204
B=204
#99CC99
R=153
G=204
B=153
#99CC66
R=153
G=204
B=102
#99CC33
R=153
G=204
B=51
#99CC00
R=153
G=204
B=0
#9999FF
R=153
G=153
B=255
#9999CC
R=153
G=153
B=204
#999999
R=153
G=153
B=153
#999966
R=153
G=153
B=102
#999933
R=153
G=153
B=51
#999900
R=153
G=153
B=0
#9966FF
R=153
G=102
B=255
#9966CC
R=153
G=102
B=204
#996699
R=153
G=102
B=153
#996666
R=153
G=102
B=102
#996633
R=153
G=102
B=51
#996600
R=153
G=102
B=0
#9933FF
R=153
G=51
B=255
#9933CC
R=153
G=51
B=204
#993399
R=153
G=51
B=153
#993366
R=153
G=51
B=102
#993333
R=153
G=51
B=51
#993300
R=153
G=51
B=0
#9900FF
R=153
G=0
B=255
#9900CC
R=153
G=0
B=204
#990099
R=153
G=0
B=153
#990066
R=153
G=0
B=102
#990033
R=153
G=0
B=51
#990000
R=153
G=0
B=0
?
#66FFFF
R=102
G=255
B=255
#66FFCC
R=102
G=255
B=204
#66FF99
R=102
G=255
B=153
#66FF66
R=102
G=255
B=102
#66FF33
R=102
G=255
B=51
#66FF00
R=102
G=255
B=0
#66CCFF
R=102
G=204
B=255
#66CCCC
R=102
G=204
B=204
#66CC99
R=102
G=204
B=153
#66CC66
R=102
G=204
B=102
#66CC33
R=102
G=204
B=51
#66CC00
R=102
G=204
B=0
#6699FF
R=102
G=153
B=255
#6699CC
R=102
G=153
B=204
#669999
R=102
G=153
B=153
#669966
R=102
G=153
B=102
#669933
R=102
G=153
B=51
#669900
R=102
G=153
B=0
#6666FF
R=102
G=102
B=255
#6666CC
R=102
G=102
B=204
#666699
R=102
G=102
B=153
#666666
R=102
G=102
B=102
#666633
R=102
G=102
B=51
#666600
R=102
G=102
B=0
#6633FF
R=102
G=51
B=255
#6633CC
R=102
G=51
B=204
#663399
R=102
G=51
B=153
#663366
R=102
G=51
B=102
#663333
R=102
G=51
B=51
#663300
R=102
G=51
B=0
#6600FF
R=102
G=0
B=255
#6600CC
R=102
G=0
B=204
#660099
R=102
G=0
B=153
#660066
R=102
G=0
B=102
#660033
R=102
G=0
B=51
#660000
R=102
G=0
B=0
?
#33FFFF
R=51
G=255
B=255
#33FFCC
R=51
G=255
B=204
#33FF99
R=51
G=255
B=153
#33FF66
R=51
G=255
B=102
#33FF33
R=51
G=255
B=51
#33FF00
R=51
G=255
B=0
#33CCFF
R=51
G=204
B=255
#33CCCC
R=51
G=204
B=204
#33CC99
R=51
G=204
B=153
#33CC66
R=51
G=204
B=102
#33CC33
R=51
G=204
B=51
#33CC00
R=51
G=204
B=0
#3399FF
R=51
G=153
B=255
#3399CC
R=51
G=153
B=204
#339999
R=51
G=153
B=153
#339966
R=51
G=153
B=102
#339933
R=51
G=153
B=51
#339900
R=51
G=153
B=0
#3366FF
R=51
G=102
B=255
#3366CC
R=51
G=102
B=204
#336699
R=51
G=102
B=153
#336666
R=51
G=102
B=102
#336633
R=51
G=102
B=51
#336600
R=51
G=102
B=0
#3333FF
R=51
G=51
B=255
#3333CC
R=51
G=51
B=204
#333399
R=51
G=51
B=153
#333366
R=51
G=51
B=102
#333333
R=51
G=51
B=51
#333300
R=51
G=51
B=0
#3300FF
R=51
G=0
B=255
#3300CC
R=51
G=0
B=204
#330099
R=51
G=0
B=153
#330066
R=51
G=0
B=102
#330033
R=51
G=0
B=51
#330000
R=51
G=0
B=0
?
#00FFFF
R=0
G=255
B=255
#00FFCC
R=0
G=255
B=204
#00FF99
R=0
G=255
B=153
#00FF66
R=0
G=255
B=102
#00FF33
R=0
G=255
B=51
#00FF00
R=0
G=255
B=0
#00CCFF
R=0
G=204
B=255
#00CCCC
R=0
G=204
B=204
#00CC99
R=0
G=204
B=153
#00CC66
R=0
G=204
B=102
#00CC33
R=0
G=204
B=51
#00CC00
R=0
G=204
B=0
#0099FF
R=0
G=153
B=255
#0099CC
R=0
G=153
B=204
#009999
R=0
G=153
B=153
#009966
R=0
G=153
B=102
#009933
R=0
G=153
B=51
#009900
R=0
G=153
B=0
#0066FF
R=0
G=102
B=255
#0066CC
R=0
G=102
B=204
#006699
R=0
G=102
B=153
#006666
R=0
G=102
B=102
#006633
R=0
G=102
B=51
#006600
R=0
G=102
B=0
#0033FF
R=0
G=51
B=255
#0033CC
R=0
G=51
B=204
#003399
R=0
G=51
B=153
#003366
R=0
G=51
B=102
#003333
R=0
G=51
B=51
#003300
R=0
G=51
B=0
#0000FF
R=0
G=0
B=255
#0000CC
R=0
G=0
B=204
#000099
R=0
G=0
B=153
#000066
R=0
G=0
B=102
#000033
R=0
G=0
B=51
#000000
R=0
G=0
B=0
posted on 2007-09-14 09:50
Welcome
閱讀(310)
評論(0)
編輯
收藏
所屬分類:
HTML\CSS
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發(fā)表評論。
網(wǎng)站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關文章:
CSS基本布局16例
表單Form實例和講解
緩存的知識
html cache
HTML/css常識
html滾動代碼大全---Marquee
Powered by:
BlogJava
Copyright © Welcome
主站蜘蛛池模板：
午夜精品免费在线观看
|
日本一区二区三区在线视频观看免费
|
eeuss影院ss奇兵免费com
|
日韩电影免费在线观看视频
|
亚洲AV成人影视在线观看
|
最新中文字幕免费视频
|
亚洲人成网站在线播放2019
|
成人a视频片在线观看免费
|
亚洲偷自精品三十六区
|
女性自慰aⅴ片高清免费
|
亚洲国产午夜精品理论片在线播放
|
日本免费人成在线网站
|
亚洲精品日韩专区silk
|
嘿嘿嘿视频免费网站在线观看
|
亚洲中文字幕久在线
|
毛片免费在线观看网址
|
亚洲精品精华液一区二区
|
免费在线黄色网址
|
成在人线av无码免费高潮水
|
亚洲国产精品乱码一区二区
|
老汉精品免费AV在线播放
|
亚洲日韩乱码中文无码蜜桃臀
|
手机在线免费视频
|
看Aⅴ免费毛片手机播放
|
国产亚洲精品激情都市
|
久久中文字幕免费视频
|
精品亚洲AV无码一区二区三区
|
国产精品无码素人福利免费
|
黄网站色视频免费在线观看的a站最新
|
亚洲视频中文字幕
|
成人网站免费观看
|
aa毛片免费全部播放完整
|
亚洲国产成人私人影院
|
毛片免费vip会员在线看
|
欧洲精品码一区二区三区免费看
|
亚洲国产精华液网站w
|
日韩免费a级毛片无码a∨
|
国产高清视频免费在线观看
|
亚洲欧洲精品一区二区三区
|
免费a级毛片网站
|
91香焦国产线观看看免费
|