我要看免费毛片-我要看一级大片-我要看一级黄色毛片-我要看真正的免费毛片-免费在线一级毛片-免费在线污视频

當(dāng)前位置: 首頁 >

網(wǎng)站制作中DIV+CSS的一個(gè)技巧

來源: 做網(wǎng)站    發(fā)布日期: 2012-04-28 09:52    點(diǎn)擊量: 75250

現(xiàn)在的網(wǎng)站設(shè)計(jì)是非常的重要的,如果能設(shè)計(jì)出一個(gè)成功的網(wǎng)頁那是非常不容易的。今天我們就講一個(gè)現(xiàn)在在網(wǎng)站排版中必備的技巧。

隨著寬屏?xí)r代的到來,在現(xiàn)在的網(wǎng)頁設(shè)計(jì)當(dāng)中,人們對(duì)于網(wǎng)頁排版有了更多的發(fā)揮空間。繼而隨之的是,往往我們現(xiàn)在所看到的許多網(wǎng)頁,都被錯(cuò)落有致的劃為了兩列或者多列的布局,從而在視覺和操作上帶來不一樣的體驗(yàn)。

對(duì)于初學(xué)者而言,當(dāng)我們?nèi)ヒ獙?shí)現(xiàn)這些效果的時(shí)候,才晃然發(fā)現(xiàn),DIV的默認(rèn)樣式是只能獨(dú)占一行,而在這個(gè)時(shí)候,CSS樣式中float浮動(dòng)屬性則給我們提供了解決方案。同樣隨之而來的另一個(gè)問題就是,由于現(xiàn)在今市場(chǎng)上瀏覽器種類繁多,各類瀏覽器的標(biāo)準(zhǔn)并沒有完全統(tǒng)一,也會(huì)出現(xiàn)當(dāng)你使用了float浮動(dòng)屬性之后,往往在兩種瀏覽器當(dāng)中出現(xiàn)不一樣的展示效果。

在做現(xiàn)在的網(wǎng)站之前,筆者也曾做過幾個(gè)小站,就在這幾個(gè)小網(wǎng)站建設(shè)中,印象最為深刻的是一個(gè)純HTML的網(wǎng)頁站,而就在調(diào)試那個(gè)站的時(shí)候,發(fā)現(xiàn)一個(gè)特別讓人糾結(jié)的問題,那就是在以IE和Chrom為核心的兩類瀏覽器中出現(xiàn)網(wǎng)頁錯(cuò)位以及DIV元素不受控制。之前是四個(gè)同級(jí)的DIV層,二二分開,排列上下兩行,之外在加上級(jí)DIV層包容,附加背景圖片的屬性。調(diào)試中發(fā)現(xiàn),在Chrom瀏覽器中,四個(gè)同級(jí)層上面那一行居然沒有無法繼承上級(jí)DIV層的屬性,顯示背景圖片。經(jīng)過幾番檢查,代碼完全OK,沒有任何問題和錯(cuò)誤,但不論如何修正,總會(huì)出現(xiàn)一方正常顯示,一方錯(cuò)位的情況,固然有人解釋說兩都瀏覽器的核心和標(biāo)準(zhǔn)不一樣,但個(gè)人在技術(shù)上的一些失誤是完全不可能回避的。后來幾經(jīng)調(diào)試,終于發(fā)現(xiàn),原來是清除浮動(dòng)的時(shí)候出了點(diǎn)兒小遺漏。

大家都知道,在使用了float浮動(dòng)屬性之后,要想后面的元素在下一行正常排列,必須要清除浮動(dòng)屬性。撇開正常的流程來講,這一點(diǎn)也是完全無可厚非的。但是在初次float浮動(dòng)屬性的朋友來說,會(huì)有一部分人直觀的認(rèn)為,只要是換行布局,那就必須得清除浮動(dòng)屬性。而這個(gè)結(jié)果也就往往導(dǎo)致一部份站長(zhǎng)朋友像這前所發(fā)生的這種情況,chrom錯(cuò)位,或者無法繼承上級(jí)DIV的屬性,但在檢查時(shí),在邏輯上又找不出任何的問題。而在這里,清除浮動(dòng)屬性的代碼添加的位置則直接影響到了DIV層的一些屬性。因此,在這種情況下,站長(zhǎng)朋友有三種解決辦法:

1,給予該DIV層或者直屬上層定義一些非常明確的屬性,比如寬、高、邊框大小、顏色等等。

2,給予每一個(gè)行內(nèi)的DIV層都重新定義一個(gè)上級(jí)DIV,并對(duì)其定義明確的屬性。

3,就是檢查了刪除多余的清除浮動(dòng)屬性代碼,特別是像在同一行中,當(dāng):頁面總寬度-原本排列層的總寬度≤單個(gè)層寬度的時(shí)候,那它后面所跟的清除浮動(dòng)屬性則完全沒有意義,反而會(huì)帶來很大的麻煩。現(xiàn)在網(wǎng)站制作已經(jīng)都用DIV+CSS來了,所以以上內(nèi)容是很有利用價(jià)值的。

相關(guān)新聞

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
? 2014 yijueweb. All rights reserved.
?
 
主站蜘蛛池模板: 青青草国产免费国产| 美女让男人插| 国产成人综合在线视频| 色视频网址| 国产1区2区3区在线观看| 久久久久久91香蕉国产| 夜色55夜色66亚洲精品网站| 国产青草视频在线观看| 日韩视频一区二区三区| 亚洲94vvv男人的天堂五月| 国内久久久久影院精品| 色网站在线看| www.99在线| 精品欧美一区二区三区精品久久| 新97人人模人人爽人人喊| 91在线永久| 国产综合视频| 精品国内视频| 看全色黄大色黄大片女图片| 亚洲午夜精品久久久久久成年| 福利视频免费看| 精品女同一区二区三区免费站| 美女一级毛片免费看看| 欧美视频网址| 亚洲国产成人综合| 91国内揄拍国内精品对白| 国产伦精一区二区三区| 黄色片网址在线观看| 美女视频黄的免费| 秋霞影音先锋一区二区| 亚洲国产香蕉视频欧美| 亚洲性小说| 亚洲精品美女久久久aaa| 91精品福利在线观看| 91欧美精品综合在线观看| 国产精品系列在线| 精品久久久久久久免费加勒比| 九九婷婷| 老湿司午夜爽爽影院榴莲视频| 视色4se在线视频播放| 亚洲永久免费|