新聞中心
為什么要初始化css樣式
首先我們要知道,每一個html標簽都有其自己的默認樣式,而css則可以改變html的樣式。
目前創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站改版維護、企業(yè)網(wǎng)站設(shè)計、吉陽網(wǎng)站維護等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
比如一個div元素,它存在默認的margin值,而設(shè)計需要其對齊左上角,那么就要修改其margin值,對于大量的div設(shè)置就很麻煩,所以初始化css樣式就很重要。
CSS初始化、盒子深入
html元素表現(xiàn)的差異性:雖然html被稱為一種標準,但其并非是“強制標準”?!獎t各個瀏覽器公司做出來的瀏覽器產(chǎn)品或多或少總有一些差異。
最終,通常的做法是:我們將所有各個瀏覽器中的html的初始標簽全部“清除”——即實現(xiàn)類似沒有“表形”功能的html。
比如很多標簽有初始的margin,或padding,或字的大小或粗細,斜體等等效果,則我們使用一些css設(shè)置將這些初始表現(xiàn)全部“清空”,比如:
這樣之后,所有的每個標簽所需要的表現(xiàn),都需要我們自己來使用css設(shè)置。
實際應(yīng)用中,我們一般都是使用一個通用的css文件來完成此工作。
寫在link rel="stylesheet" type="text/css"href="css/init.css" /
。。。。。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
以上就是12個:
除此之外,我們還有3個設(shè)置線的某方面特性的綜合屬性:
border-style: 可以使用1-4個值,用來設(shè)置4個方向的線的線型,其規(guī)則同margin值的設(shè)置。
比如:border-style:solid dashed; 表示上下邊框為實線,左右邊框為虛線;
border-width: 同理,可以設(shè)置1-4個值,表示4個方向的線寬。
border-color:同理。
還有:4個設(shè)置每個方向邊框的所有特性的綜合屬性:
最后,一個最大的綜合屬性:一次性設(shè)置4個方向的3個特性:
border: 線型 線寬 線顏色;
盒子還有背景屬性。
背景分兩種:
* 背景顏色:只能是純色,全平鋪——css3里面已經(jīng)可以設(shè)置過度色。
background-color:顏色值;
* 背景圖片:需要設(shè)置圖片路徑,還可以設(shè)置是否重復(fù)(平鋪),怎么重復(fù),怎么定位。
background:背景色值 背景圖值 背景圖重復(fù)性值 背景圖定位值;
以上4個值,幾乎可以任意省略(也就是任意使用其中某些)。
其實塊盒子和行內(nèi)盒子的所謂初始表現(xiàn),并不是什么決定的東西,而只是一個屬性的初始值問題:
對塊盒子,其display屬性的值默認是block
對行內(nèi)盒子,其display屬性的值默認是inline;
實際上,我們完全可以將html盒子的初始表現(xiàn)使用該屬性來設(shè)置其其它值——即塊盒子和行內(nèi)盒子可以相互轉(zhuǎn)換。
為什么要初始化css?
不同的瀏覽器對有些標簽的默認值是不同的,為了消除不同的瀏覽器對HTML文本呈現(xiàn)的差異,照顧瀏覽
器的兼容,我們需要對css進行初始化。也就是指重新設(shè)置瀏覽器的樣式(css reset)
學(xué)習(xí)CSS知識,網(wǎng)上就有挺多教程的,B站上的黑馬程序員前端教程不錯,可以看看。很高興您能一直采納我的回答,希望一直為您提供幫助
名稱欄目:css樣式初始化,css樣式總結(jié)
URL地址:http://www.dlmjj.cn/article/dsedpoj.html