用ie打開做好的網(wǎng)頁,另存為(1.html),這樣會把CSS樣式保存到1.files文件夾中
公司主營業(yè)務(wù):網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出左權(quán)免費做網(wǎng)站回饋大家。
通常這種問題都是padding或者margin造成的,如果不確定,就給這個div設(shè)置一下紅色的邊框,這樣就能有一個比較快速的判斷,不過從你發(fā)的第二張圖中已經(jīng)顯示了,有一個margin-top屬性,應(yīng)該就是這里出的問題
*{margin:0;padding:0;}
*是通配符,所有標(biāo)簽都匹配,margin和padding是消除標(biāo)簽的內(nèi)外邊距的。
當(dāng)然也可以直接用標(biāo)簽來
h1,p,ul{margin:0;padding:0;}
這樣來消除自帶的屬性,
主要是*這種通配符是所有頁面里的標(biāo)簽全部過一遍,直接寫標(biāo)簽的話就直接消除指定的標(biāo)簽自帶的默認(rèn)樣式,據(jù)說是降低渲染時間,但是一般影響不大。一般大網(wǎng)站,像淘寶,京東,百度都是用的后面一種,當(dāng)然前期自學(xué)或測試的話可以用通配符。
css white-space這個css樣式,用來設(shè)置element元素對內(nèi)容中的空格的處理方式,有著幾個可選值:normal,
nowrap,
pre,
pre-wrap,
pre-line
沒有設(shè)置white-space屬性,則默認(rèn)為white-space:normal。normal表示合并空格,多個相鄰空格合并成一個空格,在源碼中的換行作為空格處理,只會根據(jù)容器的大小進行自動換行。
white-space:nowrap和normal一樣,也合并空格,但是不會根據(jù)容器大小換行,表示不換行。
效果如下:這個效果在頁面布局中使用很頻繁,尤其在移動端布局中。
white-space:nowrap會導(dǎo)致文本不換行,經(jīng)常和overflow,text-overflow一起使用,如下:
效果如下:
white-space:pre的作用是保持源碼中的空格,有幾個空格算幾個空格顯示,同時換行只認(rèn)源碼中的換行和
標(biāo)簽。
white-space:pre-wrap的作用是保留空格,并且除了碰到源碼中的換行和
會換行外,還會自適應(yīng)容器的邊界進行換行。
效果如下:
white-space:pre-wrap和white-space:pre的區(qū)別就是會自適應(yīng)容器的邊界進行換行。
white-space兼容性