亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

web 前端修煉之道

i_garfileo / 3522人閱讀

摘要：行內(nèi)元素的和屬性只有水平邊距，沒有豎直邊距。豎直方向的雖然增大了行內(nèi)元素的面積，但并沒有和相鄰元素拉開距離。對(duì)于不支持則使用網(wǎng)格布局同級(jí)下，哪塊內(nèi)容重要，在就優(yōu)先寫到前面。使用進(jìn)行多版本調(diào)試。

1.塊級(jí)元素和行內(nèi)元素的區(qū)別

塊級(jí)元素即使設(shè)置了寬度，仍然是獨(dú)占一行的，
塊級(jí)元素可以設(shè)置margin和padding屬性。行內(nèi)元素的margin和padding屬性只有水平邊距，沒有豎直邊距。
豎直方向的padding雖然增大了行內(nèi)元素的面積，但并沒有和相鄰元素拉開距離。

2.display:inline-block和hasLayout

為了兼容IE6、IE7(不支持display:inline:block)，我們真正能使用的display類型只有inline,block和none.
display:inline-block集塊級(jí)元素和行內(nèi)元素的特點(diǎn)于一身。
為了使IE6、IE7實(shí)現(xiàn)display:inline-block效果，可以在行內(nèi)元素(如span)中定義display：inline-block，以觸發(fā)hasLayout,可以使用vertical-align:-10px和其他實(shí)現(xiàn)瀏覽器效果一樣。
它只能對(duì)行內(nèi)元素實(shí)現(xiàn)display:inline-block；還要用到針對(duì)IE的hack,*vertical-align。

3.relative、absolute和float

position:absolute和float會(huì)隱式的改變display類型，不論之前是什么類型的元素（display:none除外），只要設(shè)置了postion:absolute、float；left和float:right中任意一個(gè)，都會(huì)讓元素以display:inline-block顯示，這也就是IE6下使用float產(chǎn)生雙邊距可以使用display:inline去除.
position:relative不會(huì)隱式改變display的類型。

4.水平居中

文本、圖片等行內(nèi)元素的水平居中可以使用text_align:center。
確定寬度的塊級(jí)元素的水平居中可以使用margin:0 auto;
不確定寬度的塊級(jí)元素的水平居中（1）.講內(nèi)容放入table標(biāo)簽，這是table標(biāo)簽margin:0 auto;（2）將塊級(jí)元素使用display:inline變成行內(nèi)元素，在通過text-align:center實(shí)現(xiàn)；（3）給父元素設(shè)置float,然后父元素設(shè)置position:reletive和left:50%,子元素設(shè)置成position:reletive和left:-50%.

5.豎直居中

父元素高度不確定的文本、圖片和塊級(jí)元素豎直居中是通過給父容器設(shè)置上下邊距實(shí)現(xiàn)的。
父元素高度確定的單行文本豎直居中，是通過給父元素設(shè)置line-hignt等于父元素hight高度實(shí)現(xiàn)的。
父元素高度不確定的多行文本、圖片和塊級(jí)元素豎直居中（1）直接使用表格（2）對(duì)于支持display:table-cell的IE8和ff用display:table-cell和vertacil-align:middle實(shí)現(xiàn)居中。對(duì)于不支持則使用IE hack

6.網(wǎng)格布局

同級(jí)下，哪塊內(nèi)容重要，在HTML就優(yōu)先寫到前面。
用于布局個(gè)人偏好子選擇器

7.Z-index的相關(guān)問題及flash和IE6下的select元素

除了x,y軸，還有一個(gè)Z軸，z軸在元素設(shè)置position為reletive或absolute或被激活，起大小有z-index設(shè)置，z-index越大，元素位置越靠上。
z-index只對(duì)非窗口的元素有效，而flash默認(rèn)是窗口模式，我們要將flash中的womde設(shè)置成opaque或transpartent
select元素在IE6下也是默認(rèn)以窗口形式顯示的。

8.插入png圖片

IE6的png圖片不支持透明，可以使用IE下私有的濾鏡解決。

9.使用IETest進(jìn)行多IE版本調(diào)試。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/110934.html

相關(guān)文章

  • 零基礎(chǔ)入門前端的修煉之道

    摘要：面對(duì)這些較高的要求，前端在開發(fā)環(huán)節(jié)中的作用也變得越來(lái)越重要因而近幾年來(lái)前端工程師備受青睞一般水平的前端工程師平均年薪可達(dá)萬(wàn)元資深前端工程師年薪高達(dá)萬(wàn)元。這種用戶體驗(yàn)的細(xì)節(jié)問題是否處理妥當(dāng)是判斷一名前端工程師是否優(yōu)秀的因素。 本文是為了給那些想要了解前端開發(fā)是什么，或者剛剛打算開始學(xué)習(xí)前端的朋友們準(zhǔn)備，希望可以幫助準(zhǔn)備入行的你;showImg(https://segmentfault.c...

    JiaXinYi 評(píng)論0 收藏0

  • JavaScript修煉之道

    摘要：它返回值是一個(gè)字符串，該字符串說(shuō)明運(yùn)算數(shù)的類型。結(jié)構(gòu)由大括號(hào)，中括號(hào)，逗號(hào)，，冒號(hào)，雙引號(hào)組成，包含的數(shù)據(jù)類型有，等。數(shù)組與對(duì)象并用數(shù)據(jù)交互創(chuàng)建文件類庫(kù)特效開發(fā)運(yùn)算符與簡(jiǎn)化寫法記錄參數(shù)操作正則表達(dá)示擴(kuò)展內(nèi)置對(duì)象 1.JavaScript基礎(chǔ)類庫(kù) 如：jQuery、jQuery.cookie等 2.創(chuàng)建靜態(tài)對(duì)象 var obj = {}; var obj = new Object();...

    shiina 評(píng)論0 收藏0

  • Java程序員修煉之道學(xué)習(xí)筆記(1)-簡(jiǎn)介

    摘要：舊寫法文件處理文件處理文件處理新寫法文件處理可能會(huì)出現(xiàn)資源無(wú)法關(guān)閉的情況，改進(jìn)寫法為各個(gè)資源獨(dú)立聲明變量文件處理鉆石語(yǔ)法針對(duì)創(chuàng)建泛型定義和實(shí)例過于繁瑣做出的改進(jìn) 轉(zhuǎn)載請(qǐng)注明出處 http://www.paraller.com 原文排版地址 點(diǎn)擊跳轉(zhuǎn)-簡(jiǎn)介/) 使用Java代碼的整個(gè)過程 .java --javac--> .class --類加載器--> 轉(zhuǎn)換后的.class --解...

    chanjarster 評(píng)論0 收藏0

  • Java程序員修煉之道學(xué)習(xí)筆記(1)-簡(jiǎn)介

    摘要：舊寫法文件處理文件處理文件處理新寫法文件處理可能會(huì)出現(xiàn)資源無(wú)法關(guān)閉的情況，改進(jìn)寫法為各個(gè)資源獨(dú)立聲明變量文件處理鉆石語(yǔ)法針對(duì)創(chuàng)建泛型定義和實(shí)例過于繁瑣做出的改進(jìn) 使用Java代碼的整個(gè)過程 .java --javac--> .class --類加載器--> 轉(zhuǎn)換后的.class --解釋器--> 可執(zhí)行代碼 --JIT編譯器--> 機(jī)器碼 1、類文件在加載過程中通常會(huì)被處理和修改，比如...

    sanyang 評(píng)論0 收藏0

  • 【筆記】 程序員修煉之道 從小工到專家

    摘要：抽象比細(xì)節(jié)活的更長(zhǎng)久使用項(xiàng)目詞匯表名不正則言不順昂貴的工具不一定能制作出更好的設(shè)計(jì)早測(cè)試，常測(cè)試，自動(dòng)測(cè)試要到通過全部測(cè)試，編碼才算完成把網(wǎng)收緊，一個(gè)只抓一次溫和的超出用戶的期望在你的作品上簽名建立自己的藏書庫(kù) 1 關(guān)心你的技藝 2 思考你的工作 3 在所有的弱點(diǎn)中，最大的弱點(diǎn)就是害怕暴露弱點(diǎn) 4 提供各種選擇，不要找各種蹩腳的借口 5 不要容忍破窗戶 6 作變化的催化劑 7 記住...

    cppprimer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<