為什么要初始化css樣式

首先我們要知道，每一個(gè)html標(biāo)簽都有其自己的默認(rèn)樣式，而css則可以改變html的樣式。

目前創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、吉陽網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

比如一個(gè)div元素，它存在默認(rèn)的margin值，而設(shè)計(jì)需要其對(duì)齊左上角，那么就要修改其margin值，對(duì)于大量的div設(shè)置就很麻煩，所以初始化css樣式就很重要。

CSS初始化、盒子深入

html元素表現(xiàn)的差異性：雖然html被稱為一種標(biāo)準(zhǔn)，但其并非是“強(qiáng)制標(biāo)準(zhǔn)”。——?jiǎng)t各個(gè)瀏覽器公司做出來的瀏覽器產(chǎn)品或多或少總有一些差異。

最終，通常的做法是：我們將所有各個(gè)瀏覽器中的html的初始標(biāo)簽全部“清除”——即實(shí)現(xiàn)類似沒有“表形”功能的html。

比如很多標(biāo)簽有初始的margin，或padding，或字的大小或粗細(xì)，斜體等等效果，則我們使用一些css設(shè)置將這些初始表現(xiàn)全部“清空”，比如：

這樣之后，所有的每個(gè)標(biāo)簽所需要的表現(xiàn)，都需要我們自己來使用css設(shè)置。

實(shí)際應(yīng)用中，我們一般都是使用一個(gè)通用的css文件來完成此工作。

寫在link rel="stylesheet" type="text/css"href="css/init.css" /

。。。。。

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

以上就是12個(gè)：

除此之外，我們還有3個(gè)設(shè)置線的某方面特性的綜合屬性：

border-style: 可以使用1-4個(gè)值，用來設(shè)置4個(gè)方向的線的線型，其規(guī)則同margin值的設(shè)置。

比如：border-style:solid dashed; 表示上下邊框?yàn)閷?shí)線，左右邊框?yàn)樘摼€；

border-width: 同理，可以設(shè)置1-4個(gè)值，表示4個(gè)方向的線寬。

border-color：同理。

還有：4個(gè)設(shè)置每個(gè)方向邊框的所有特性的綜合屬性：

最后，一個(gè)最大的綜合屬性：一次性設(shè)置4個(gè)方向的3個(gè)特性：

border: 線型 線寬 線顏色；

盒子還有背景屬性。

背景分兩種：

* 背景顏色：只能是純色，全平鋪——css3里面已經(jīng)可以設(shè)置過度色。

background-color:顏色值；

* 背景圖片：需要設(shè)置圖片路徑，還可以設(shè)置是否重復(fù)（平鋪），怎么重復(fù)，怎么定位。

background：背景色值 背景圖值 背景圖重復(fù)性值 背景圖定位值；

以上4個(gè)值，幾乎可以任意省略（也就是任意使用其中某些）。

其實(shí)塊盒子和行內(nèi)盒子的所謂初始表現(xiàn)，并不是什么決定的東西，而只是一個(gè)屬性的初始值問題：

對(duì)塊盒子，其display屬性的值默認(rèn)是block

對(duì)行內(nèi)盒子，其display屬性的值默認(rèn)是inline；

實(shí)際上，我們完全可以將html盒子的初始表現(xiàn)使用該屬性來設(shè)置其其它值——即塊盒子和行內(nèi)盒子可以相互轉(zhuǎn)換。

為什么要初始化css？

不同的瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的，為了消除不同的瀏覽器對(duì)HTML文本呈現(xiàn)的差異，照顧瀏覽

器的兼容，我們需要對(duì)css進(jìn)行初始化。也就是指重新設(shè)置瀏覽器的樣式（css reset）

學(xué)習(xí)CSS知識(shí)，網(wǎng)上就有挺多教程的，B站上的黑馬程序員前端教程不錯(cuò)，可以看看。很高興您能一直采納我的回答，希望一直為您提供幫助

名稱欄目：css樣式初始化,css樣式總結(jié)
URL分享：http://chinadenli.net/article7/dsedpoj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、建站公司、服務(wù)器托管、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)