CSS布局技巧和CSS初始化

2021-10-11 18:34:50 字數 1670 閱讀 6606

兩個盒子的邊框都是1px, 如果加了浮動, 兩個盒子相交的邊框就會變成2px, 可以給乙個margin負值, 讓兩個盒子重疊.

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

ul li

style

>

head

>

>

>

>

li>

>

li>

>

li>

>

li>

ul>

body

>

html

>

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

ul li

ul li:hover

style

>

head

>

>

>

>

li>

>

li>

>

li>

>

li>

ul>

body

>

html

>

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

>

.box

.pic

.pic img

style

>

head

>

>

class

="box"

>

class

="pic"

>

src=

"images/img.png"

alt="

">

div>

>

熱身賽熱身賽熱身賽熱身賽熱身賽熱身賽熱身賽熱身賽p

>

div>

body

>

html

>

unicode編碼字型 :

CSS初始化樣式

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,selectbodyaa hoveremliimgtablep body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,...

CSS初始化樣式

css為什麼要初始化?建站老手都知道,這是為了考慮到瀏覽器的相容問題,其實不同瀏覽器對有些標籤的預設值是不同的,如果沒對css初始化往往會出現瀏覽器之間的頁面差異。當然,初始化樣式會對seo有一定的影響,但魚和熊掌不可兼得,但力求影響最小的情況下初始化。body,ol,ul,h1,h2,h3,h4,...

CSS樣式初始化

css樣式初始化原因 不同瀏覽器對每種的標籤都有預設的樣式,大部分瀏覽器的預設樣式還有點區別。所以為了保證 讓所有的標籤的預設樣式清零,也就是重置,以便於我們後續的開發和管理,一般都會在 一開始 對所有標籤做一下樣式的 重置操作。比如 body 標籤有預設的margin 8px。ul標籤 有預設的l...