首先我們要知道,每一個(gè)html標(biāo)簽都有其自己的默認(rèn)樣式,而css則可以改變html的樣式。
按需定制設(shè)計(jì)可以根據(jù)自己的需求進(jìn)行定制,成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)構(gòu)思過(guò)程中功能建設(shè)理應(yīng)排到主要部位公司成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)的運(yùn)用實(shí)際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實(shí)際意義
比如一個(gè)div元素,它存在默認(rèn)的margin值,而設(shè)計(jì)需要其對(duì)齊左上角,那么就要修改其margin值,對(duì)于大量的div設(shè)置就很麻煩,所以初始化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ò),可以看看。很高興您能一直采納我的回答,希望一直為您提供幫助
html元素表現(xiàn)的差異性:雖然html被稱為一種標(biāo)準(zhǔn),但其并非是“強(qiáng)制標(biāo)準(zhǔn)”?!?jiǎng)t各個(gè)瀏覽器公司做出來(lái)的瀏覽器產(chǎn)品或多或少總有一些差異。
最終,通常的做法是:我們將所有各個(gè)瀏覽器中的html的初始標(biāo)簽全部“清除”——即實(shí)現(xiàn)類似沒(méi)有“表形”功能的html。
比如很多標(biāo)簽有初始的margin,或padding,或字的大小或粗細(xì),斜體等等效果,則我們使用一些css設(shè)置將這些初始表現(xiàn)全部“清空”,比如:
這樣之后,所有的每個(gè)標(biāo)簽所需要的表現(xiàn),都需要我們自己來(lái)使用css設(shè)置。
實(shí)際應(yīng)用中,我們一般都是使用一個(gè)通用的css文件來(lái)完成此工作。
寫在link rel="stylesheet" type="text/css"href="css/init.css" /
。。。。。
。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
以上就是12個(gè):
除此之外,我們還有3個(gè)設(shè)置線的某方面特性的綜合屬性:
border-style: 可以使用1-4個(gè)值,用來(lái)設(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è)置過(guò)度色。
background-color:顏色值;
* 背景圖片:需要設(shè)置圖片路徑,還可以設(shè)置是否重復(fù)(平鋪),怎么重復(fù),怎么定位。
background:背景色值 背景圖值 背景圖重復(fù)性值 背景圖定位值;
以上4個(gè)值,幾乎可以任意省略(也就是任意使用其中某些)。
其實(shí)塊盒子和行內(nèi)盒子的所謂初始表現(xiàn),并不是什么決定的東西,而只是一個(gè)屬性的初始值問(wèn)題:
對(duì)塊盒子,其display屬性的值默認(rèn)是block
對(duì)行內(nèi)盒子,其display屬性的值默認(rèn)是inline;
實(shí)際上,我們完全可以將html盒子的初始表現(xiàn)使用該屬性來(lái)設(shè)置其其它值——即塊盒子和行內(nèi)盒子可以相互轉(zhuǎn)換。
CSS初始化的代碼一般要控制常見(jiàn)的頁(yè)面元素比如body div table等的大小,位置和背景色等夜頁(yè)面初始加載的樣式:
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
textarea { resize:none; } //禁用了文本的拖拉,尤其在谷歌下
p{ text-align:justify; text-justify:distribute;} //為了使文本段落左右兩邊對(duì)齊