1、margin相對(duì)于content定位,position相對(duì)于content+padding定位 2、解決ie6固定定位失效問(wèn)題 ①html和body都有overflow屬...
一、盒模型新增樣式 1、盒模型陰影 box-shadow(IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持box-shadow屬性...
一、字體樣式 1、font-size 2、font-family(字體)unicode字體 網(wǎng)頁(yè)中普遍使用·14號(hào)字體 盡量使用偶數(shù)字號(hào) 多個(gè)字體用逗號(hào)隔開(kāi) 中文字體以及字體...
1.1、文字水平居中 text-align:center 1.2、元素水平居中 margin:0 auto 2.1、單行文字垂直居中 height:20px; line-he...
一、CSS圖形 1.1、三角形 width: 0px; height: 0px; border-width: 0px 0px 40px 40px; bord...
一、文本效果 1、text-indent SEO(搜索引擎優(yōu)化)將LOGO作為h1背景,并將h1中文字用text-indent:-9999隱藏起來(lái),但仍會(huì)被搜索引擎檢索到 2...
一、display 1、塊元素 獨(dú)占一行,可以設(shè)置width、height以及四個(gè)方向的margin,不設(shè)置width、height時(shí),高度被子元素?fù)伍_(kāi),寬度為父元素寬度,內(nèi)...
一、盒模型 1、border:0與border:none 2、垂直外邊距疊加 ①兄弟、父子、空元素 ②針對(duì)block和inline-塊元素 3、負(fù)margin技術(shù) ①圖片與文...
一、單位: 1、px 2、% 3、em(1em=1當(dāng)前元素的font-size) ①首行縮進(jìn)兩字符 ②作為統(tǒng)一單位 ③做為字體大小單位 4、rem(不兼容IE8及以下)(1e...
1、網(wǎng)頁(yè)鏈接圖標(biāo) 2、標(biāo)簽語(yǔ)義化 ①一個(gè)頁(yè)面只能有一個(gè)h1標(biāo)簽 ②h1-h6之間不要斷層 ③不要用div代替h1-h6 3、圖片語(yǔ)義化 ①alt屬性,使搜索引擎知道圖片內(nèi)容?...
解決方法: 1、給父元素設(shè)置border或padding-top(會(huì)增加可見(jiàn)框大?。?; 2、不給子元素設(shè)置垂直外邊距,直接給父元素設(shè)置padding-top來(lái)達(dá)到效果 3、使...
高度塌陷:父元素高度自適應(yīng),子元素浮動(dòng)后,導(dǎo)致父元素高度不能被子元素?fù)伍_(kāi)。 解決方法: 1、給父元素設(shè)置固定高度(不推薦) 2、開(kāi)啟Block Formatting Cont...