真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

css初始化樣式,css初始化的三種方式

為什么要初始化css樣式

首先我們要知道,每一個(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樣式就很重要。

為什么要初始化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初始化、盒子深入

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頁(yè)面的初始化作用是什么?

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ì)齊


分享名稱:css初始化樣式,css初始化的三種方式
文章出自:http://weahome.cn/article/phpdpc.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部