線上服務(wù)咨詢
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
您當(dāng)前位置>首頁(yè) > 知識(shí) > 網(wǎng)站建設(shè)
八種CSS布局技術(shù)
發(fā)表時(shí)間:2019-07-30 16:31:17
文章來(lái)源:沈陽(yáng)軟件開(kāi)發(fā)
標(biāo)簽:網(wǎng)站建設(shè) 小程序開(kāi)發(fā) 小程序制作 微信小程序開(kāi)發(fā) 公眾號(hào)開(kāi)發(fā) 微信公眾號(hào)開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站優(yōu)化 網(wǎng)站排名 網(wǎng)站設(shè)計(jì) 微信小程序設(shè)計(jì) 小程序定制 微信小程序定制
瀏覽次數(shù):0
1.如果您有任何疑問(wèn),如果您在發(fā)生錯(cuò)誤時(shí)可以檢測(cè)到原始代碼,則可以省去很多麻煩。 W3C具有XHTML和CSS的檢測(cè)工具。請(qǐng)參閱http://validator.w3.org請(qǐng)注意,文件開(kāi)頭的錯(cuò)誤可能會(huì)因結(jié)構(gòu)不當(dāng)和其他因素導(dǎo)致更多錯(cuò)誤;我們建議先修復(fù)一些最明顯的錯(cuò)誤。重新測(cè)試,這可能會(huì)使錯(cuò)誤數(shù)突然爆發(fā)。 2.使用浮動(dòng)函數(shù)時(shí),請(qǐng)記住正確清除指令浮動(dòng)是一個(gè)危險(xiǎn)的功能,不一定會(huì)產(chǎn)生您期望的結(jié)果。如果遇到浮動(dòng)元素延伸到外圍容器的邊框或其他內(nèi)容,請(qǐng)確保您是正確的。請(qǐng)參閱Eric Meyer在Complex Spiral Consulting Web網(wǎng)站上的教學(xué)。 3.當(dāng)邊框重合時(shí)使用填充或邊框,以避免可能因不存在的空間而被淹沒(méi),或者如果您需要一點(diǎn)空間,則無(wú)法將其擠出。如果你對(duì)保證金有用,很容易產(chǎn)生邊界的巧合;安迪·巴德解釋了他的網(wǎng)站有什么可能。 4.盡量避免同時(shí)為元素指定填充/邊框和高度或?qū)挾取?Windows的IE版本經(jīng)常導(dǎo)致寬度和高度的計(jì)算。有些方法可以解決這個(gè)問(wèn)題,但是如果父元素需要指定高度和寬度,最好將邊距應(yīng)用于父元素中的子元素,或者當(dāng)子元素需要指定高度和寬度時(shí),應(yīng)用填充到父元素。影響。 5.不要依賴于最小寬度/最小高度Windows版IE不支持兩種語(yǔ)法。但是在某種程度上,Windows版本的IE可以達(dá)到相當(dāng)于min-width/min-height,所以只要你在IE上進(jìn)行點(diǎn)過(guò)濾,就可以達(dá)到你想要的效果。 6.如有疑問(wèn),請(qǐng)先減少百分比。有時(shí)一些錯(cuò)誤會(huì)使50%+ 50%變?yōu)?00.1%,從而導(dǎo)致網(wǎng)頁(yè)出現(xiàn)問(wèn)題。此時(shí),請(qǐng)嘗試將這些值更改為49%,甚至49.9%。 7.記住“TRouBLed”寫(xiě)入邊框的方式,邊距和填充的簡(jiǎn)寫(xiě)語(yǔ)法有一個(gè)特定的順序,從頂部順時(shí)針旋轉(zhuǎn)開(kāi)始:頂部,右邊,底部,左邊因此邊距的結(jié)果為: 0 1px 3px 5px;上面沒(méi)有邊框,右邊是1個(gè)像素,依此類推。記住“TRouBLe”,你的順序不錯(cuò)。 8.只要它不是零值,就必須指定單位CSS要求您為每種字體,邊距和其他值指定單位。 (唯一的例外是行高)
標(biāo)簽:& nbsp& nbsp沈陽(yáng)網(wǎng)站建設(shè),營(yíng)銷類型網(wǎng)站,網(wǎng)站建設(shè)網(wǎng)站建設(shè),小程序開(kāi)發(fā),小程序制作,微信小程序開(kāi)發(fā),公眾號(hào)開(kāi)發(fā),微信公眾號(hào)開(kāi)發(fā),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站優(yōu)化,網(wǎng)站排名,網(wǎng)站設(shè)計(jì),微信小程序設(shè)計(jì),小程序定制,微信小程序定制