青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品
::^喬喬^::明鏡臺::原創空間::C#.NET2.0,C++技術BLOG
人最重要的是心境,一顆平靜安穩的心才能更好的進步,保持自己的心態.成為夢想中的高手QQ群:8664695
首頁
新隨筆
新文章
聯系
聚合
管理
posts - 17,comments - 32,trackbacks - 0
<
2009年5月
>
日
一
二
三
四
五
六
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
努力地去完善自己,堅持每天學習編程10小時,5年就18250個小時,也就是說起碼要5年我才能成為大蝦.......
常用鏈接
我的隨筆
我的評論
我參與的隨筆
留言簿
(6)
給我留言
查看公開留言
查看私人留言
隨筆分類
(18)
c#(8)
c++(2)
CSS+DIV(1)
IDE系列(1)
Jquery學習筆記(2)
Lua學習筆記(4)
隨筆檔案
(17)
2009年7月 (2)
2009年6月 (4)
2009年5月 (11)
文章檔案
(3)
2009年5月 (1)
2008年8月 (1)
2008年7月 (1)
收藏夾
(2)
C++朋友(2)
最新隨筆
1.?Oxite解讀 ----- (1) ------- 概述
2.?如何學習編程
3.?ADO.NET Entity Framework 隨筆
4.?面向對象---繼承
5.?面試雜錦
6.?Jquery學習筆記(二)---- 強大的選擇器
7.?Jquery學習筆記(一)---- 前言
8.?CSS+DIV布局心得
9.?Microsoft Visual Studio 心情記錄
10.?lua學習之入門(三)----函數
搜索
積分與排名
積分 - 51961
排名 - 445
最新隨筆
1.?Oxite解讀 ----- (1) ------- 概述
2.?如何學習編程
3.?ADO.NET Entity Framework 隨筆
4.?面向對象---繼承
5.?面試雜錦
6.?Jquery學習筆記(二)---- 強大的選擇器
7.?Jquery學習筆記(一)---- 前言
8.?CSS+DIV布局心得
9.?Microsoft Visual Studio 心情記錄
10.?lua學習之入門(三)----函數
最新評論
1.?re: lua學習之入門(二)----基礎語法1
高中如何學習?
--峰,少白
2.?re: lua學習之入門(一)----環境搭建
路漫漫其修遠兮,吾將上下而求索。。。。。
--梁喬峰
3.?re: lua學習之入門(一)----環境搭建
@梁喬峰
--梁喬峰
4.?re: Boost 多線程源代碼解讀
我對此表示很暈
--crax
5.?re: 自定義審核流程(一)[未登錄]
321
--123
閱讀排行榜
1.?lua學習之入門(二)----基礎語法2(8711)
2.?lua學習之入門(二)----基礎語法1(4715)
3.?lua學習之入門(一)----環境搭建(4237)
4.?自定義審核流程(一)(3179)
5.?Oxite解讀 ----- (1) ------- 概述(3106)
CSS+DIV布局心得
CSS+DIV布局
已經變成白菜一樣了,到處都是CSS+DIV布局,去面試一個做網頁的公司,肯定會問,你會CSS+DIV布局不。到底啥是CSS+DIV布局呢?傳統上都是以用TABLE布局的,TABLE布局的要點是有兩個,第一:適當的地方合并行和列,第二:懂TABLE嵌套Table。
而且還可以直接在頁面上控制Table的高度長度。TABLE布局最大的缺點,除了沉長的TR,TD之外,言論最多的就是SEO里對Table布局的鄙視。大部分SEO人都會覺得Table布局不利于SEO優化。這點。。到真是有點關系,我試過兩個完全一樣的網站,一個是用Table布局的,我是用CSS+DIV布局的,并適當的使用了H標記,在GOOGLE搜索上,我CSS+div布局的網站要比Table布局的要靠前。。。至于為什么,那個不是本文的重點。。忽略掉。
??
CSS+DIV布局
最大的特點就是HTML文件里的代碼相對比較少,但是也造成了瀏覽器布局問題。。網上很多人都在說,我布局在IE里顯示正常,在FF下全部變形了。其實造成這樣問題的原因是你寫的CSS并不標準,可以說你寫的CSS都是根絕IE的標準來寫的,而不是CSS2.0的國際標準,無論是IE還是FF(3.0版前的我沒留意)都是支持CSS2.0的,但是在技術上,IE有寫模糊功能,可以令到非標準的CSS布局也能正確解析,一下是我寫CSS代碼的五個習慣,我不敢說我這五個習慣都是好習慣,至少我寫的CSS布局不會產生不良效果,也就是我寫的CSS有跨l瀏覽器能力。
第一:容器類DIV必須要有5個東西{margin,padding,width,height,overflow},什么叫容器類,就是這個DIV只是用來放內部的DIV的,也可以說是一個定位的div..例如:我們經常使用居中,一般是這樣做的
body
{
}
{
????font-size
:
?12px
;
????margin
:
?0px
;
????padding
:
?0px
;
????height
:
?100%
;
????????width
:
?100%
;
????overflow
:
?auto
;
????text-align
:
?center
;
????display
:
?block
;
}
/**/
/*
---body我是作為最頂層容器的---所以它具備了我需要的所有東西,實現的效果是居中,我加上了display:?block;雖然這個是一個默認屬性,但是我們不能保證所有瀏覽器都是默認,(如果是所有瀏覽器都默認的,我自己寫個瀏覽器的默認為none的給你耍)
*/
#body_Div
{
}
{
????margin
:
?0px?auto
;
????padding
:
?0px
;
????text-align
:
?left
;
????width
:
?1003px
;
????height
:
100%
;
????overflow
:
auto
;
}
/**/
/*
這個是核心層,多有的元素基本都是在這個層里的,這個層也具備了我想要的屬性,text-align:?left;?因為在上層我把文本對齊成為居中,所以這個層我要把它還原為左對齊margin:?0px?auto;?一般IE的CSS編寫者不會有這個auto值的,在IE會自動,但是在FF如果少了auto你將會發現FF里你的核心部分不是居中的。所以要做到通用,我們就必須要加上auto值,IE也支持auto值
*/
第二:浮動對象,都擁有獨立的父DIV;關于這點。。有意見的人可能不少,持有的觀點就是,“你這樣做只會令DIV過分的多,過于復雜”,其實,我也不想這樣做,但是- -!IE對于浮動對象的{margin,padding}存在BUG所以為了減少一切可能的出錯,我唯有多花費一點代碼,說實在的我只是想它更健康。這個父DIV主要作用其實就是令到內部浮動對象更可控制,這個父DIV就是一個單純的容器DIV
第三:所有的浮動都需要閉合;這個有經驗的人都知道。。用完浮動你肯定需要把它閉合掉的,不閉合,可能不同瀏覽器在解析的時候會把你的浮動變成向下默認,(可以這樣解析:就是元素內部的子元素都默認具有浮動屬性)
第四:一個行向浮動如果超過3個那么請使用UL來實現浮動
第五:靈活使用類選擇,我個人的做法是,所有的id選擇器都是用于布局的,類選擇器都是用于呈現效果的,這樣做的好處就是,當你想要的效果出現問題的時候,更快速地找到錯誤。這個是我有意識的把“架構”和“內容”分離。
明鏡臺
posted on 2009-05-25 14:22
^喬喬^
閱讀(2091)
評論(0)
編輯
收藏
引用
所屬分類:
CSS+DIV
只有注冊用戶
登錄
后才能發表評論。
【推薦】100%開源!大型工業跨平臺軟件C++源碼提供,建模,組態!
網站導航:
博客園
IT新聞
BlogJava
博問
Chat2DB
管理
Copyright ©2025 ^喬喬^ Powered By
博客園
模板提供:
滬江博客
青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品
欧美mv日韩mv亚洲
|
91久久国产综合久久蜜月精品
|
久久狠狠婷婷
|
久久久久久久一区二区三区
|
久久精品一区二区三区不卡牛牛
|
亚洲深夜激情
|
亚洲一区二区三区激情
|
欧美在线看片
|
欧美成人xxx
|
国产精品扒开腿做爽爽爽视频
|
国产精品日韩欧美大师
|
一区二区三区在线不卡
|
亚洲美女黄网
|
久久av资源网
|
亚洲激情在线观看
|
亚洲欧美日韩综合国产aⅴ
|
久久久久久亚洲精品杨幂换脸
|
欧美a级片一区
|
国产精品欧美日韩久久
|
亚洲丰满少妇videoshd
|
一区二区三区国产盗摄
|
久久久久久日产精品
|
亚洲国产日韩在线一区模特
|
亚洲永久视频
|
欧美日本在线播放
|
国模一区二区三区
|
亚洲深夜福利视频
|
免费亚洲视频
|
亚洲男女自偷自拍
|
欧美人与性动交a欧美精品
|
国产日韩成人精品
|
亚洲视频免费在线观看
|
欧美成人官网二区
|
午夜激情久久久
|
欧美体内she精视频
|
最新国产乱人伦偷精品免费网站
|
欧美高清在线视频
|
亚洲在线观看免费视频
|
欧美成人精品一区二区
|
国产精品久久久久一区
|
亚洲日本电影
|
麻豆久久久9性大片
|
香港久久久电影
|
国产精品一区二区久久精品
|
日韩一级在线观看
|
欧美成人a视频
|
久久成人精品无人区
|
国产精品稀缺呦系列在线
|
一区二区三区国产盗摄
|
亚洲国产欧美日韩另类综合
|
久久这里只有
|
亚洲国产免费
|
欧美电影美腿模特1979在线看
|
欧美怡红院视频一区二区三区
|
国产精品美女
|
欧美在线影院在线视频
|
亚洲男人第一av网站
|
国产精品每日更新
|
欧美一级电影久久
|
午夜一区二区三视频在线观看
|
国产精品久久久久aaaa
|
亚洲在线播放
|
亚洲欧美激情诱惑
|
国产一区自拍视频
|
久久婷婷丁香
|
久久综合给合久久狠狠狠97色69
|
在线观看欧美精品
|
欧美大尺度在线观看
|
另类综合日韩欧美亚洲
|
亚洲精品乱码视频
|
aⅴ色国产欧美
|
国产伦理一区
|
老色鬼精品视频在线观看播放
|
久久久久久久一区二区三区
|
亚洲国产精品久久久久久女王
|
亚洲福利视频网
|
欧美日韩在线精品
|
久久国产精彩视频
|
久久夜色精品一区
|
一区二区三区精品视频
|
亚洲一区尤物
|
精品91在线
|
亚洲欧洲中文日韩久久av乱码
|
欧美天天影院
|
久久中文字幕一区
|
欧美日韩不卡合集视频
|
翔田千里一区二区
|
老司机久久99久久精品播放免费
|
99精品视频免费观看
|
亚洲欧美另类国产
|
亚洲精品欧美激情
|
午夜在线不卡
|
99视频一区二区
|
香蕉久久夜色精品国产
|
亚洲日本一区二区
|
欧美一区二区在线看
|
日韩视频在线一区
|
久久国产欧美日韩精品
|
久久先锋影音av
|
亚洲人成网站色ww在线
|
欧美激情一区二区
|
欧美高清视频免费观看
|
亚洲欧美日韩一区二区在线
|
欧美一级久久久
|
亚洲日本va午夜在线影院
|
亚洲一区自拍
|
日韩午夜在线播放
|
久久久999国产
|
性色av一区二区三区在线观看
|
蜜臀91精品一区二区三区
|
欧美在线视频免费观看
|
欧美日韩免费观看中文
|
欧美www视频
|
国产亚洲成年网址在线观看
|
亚洲美女av网站
|
亚洲国产裸拍裸体视频在线观看乱了
|
亚洲素人在线
|
亚洲午夜精品17c
|
免费成人小视频
|
免费成人高清视频
|
国产一区日韩二区欧美三区
|
在线亚洲免费
|
宅男噜噜噜66一区二区66
|
欧美成人精品不卡视频在线观看
|
国产在线视频不卡二
|
亚洲视频在线观看免费
|
99国产麻豆精品
|
欧美国内亚洲
|
亚洲国产精品免费
|
亚洲国产天堂久久综合
|
久久久欧美精品
|
久久影院亚洲
|
国内久久视频
|
久久成人这里只有精品
|
久久久久久久综合狠狠综合
|
国产欧美一级
|
久久大香伊蕉在人线观看热2
|
欧美一乱一性一交一视频
|
国产精品日本欧美一区二区三区
|
一本色道久久综合狠狠躁篇怎么玩
|
久久国产精品一区二区三区
|
久久精品视频在线观看
|
国产欧美日韩另类视频免费观看
|
亚洲在线国产日韩欧美
|
欧美有码在线观看视频
|
国产真实乱偷精品视频免
|
久久国产一区
|
欧美福利专区
|
一本久久a久久免费精品不卡
|
欧美日韩中文字幕
|
亚洲一区二区三区高清
|
久久久www成人免费无遮挡大片
|
韩国精品在线观看
|
欧美xxxx在线观看
|
亚洲欧洲一级
|
欧美午夜精品久久久
|
午夜精品国产更新
|
女人香蕉久久**毛片精品
|
亚洲国产高清视频
|
欧美理论电影在线观看
|
亚洲免费影视第一页
|
老司机精品视频一区二区三区
|
亚洲精品少妇30p
|
国产精品美女久久福利网站
|
久久成年人视频
|
最新中文字幕亚洲
|
欧美一区影院
|
亚洲精品久久久久久久久久久久久
|
好吊视频一区二区三区四区
|
欧美在线欧美在线
|
亚洲成人资源
|
亚洲美女免费精品视频在线观看
|
99国产精品一区
|
国产欧美69
|
欧美h视频在线
|
亚洲视频免费看
|
亚洲第一精品福利
|
久久国产精品99国产
|
亚洲精品乱码久久久久久按摩观
|
国产精品美女一区二区在线观看
|
欧美专区日韩专区
|
日韩视频在线观看一区二区
|
久久精品中文字幕免费mv
|
在线天堂一区av电影
|
在线观看欧美激情
|
国产欧美午夜
|
国产精品白丝av嫩草影院
|
久久这里有精品视频
|
午夜在线精品偷拍
|
日韩亚洲国产精品
|
亚洲国产精品一区制服丝袜
|
精品动漫一区
|
国产精品日日摸夜夜摸av
|
欧美成人国产
|
久久―日本道色综合久久
|
亚洲欧美综合v
|
亚洲一区二区免费在线
|
一本色道久久综合
|
日韩亚洲欧美精品
|
日韩一级片网址
|