這個(gè)要看具體情況的,需要看場(chǎng)景來(lái)抽公共的。
創(chuàng)新互聯(lián)公司專注于泰安企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開發(fā)。泰安網(wǎng)站建設(shè)公司,為泰安等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
比如:常見的抽公共是以模塊為單位的集合,比如按鈕、布局類的(如柵格布局flex)等,能經(jīng)常用到的模塊。
那如果所有屬性都抽公共的話,會(huì)導(dǎo)致html頁(yè)面里class的值太多,比如color屬性抽一個(gè),font抽一個(gè),padding抽一個(gè)等。會(huì)使得class值太長(zhǎng),從而導(dǎo)致html頁(yè)面的大小變大,同樣會(huì)不利于頁(yè)面的加載。
所以最好適中,把常用的抽公共,比較獨(dú)立的就單獨(dú)寫樣式。
首先將css寫入一個(gè)單獨(dú)的樣式文件,比如style.css,
然后在所有需要此樣式的頁(yè)面導(dǎo)入此樣式
如樓上的說法:link rel="stylesheet" type="text/css" href="mystyle.css"
現(xiàn)在很多網(wǎng)站為了讓頁(yè)面基本樣式風(fēng)格統(tǒng)一,都會(huì)創(chuàng)建一個(gè)默認(rèn)的樣式表,這個(gè)樣式表會(huì)在所有頁(yè)面載入,相當(dāng)于頁(yè)面初始化樣式的意思,先導(dǎo)入默認(rèn)樣式表,然后每個(gè)頁(yè)面再根據(jù)自身的不同導(dǎo)入自身獨(dú)特的樣式
內(nèi)嵌樣式:style type="text/css".body{width:100%; margin:0; padding:0; font-family:微軟雅黑; text-align:center;}/style內(nèi)嵌式都被 style/style標(biāo)簽所包裹!放在頁(yè)頭的head/head之間。行內(nèi)樣式:table style="width:100px; height:100px; background:#f00;"/table行內(nèi)樣式是在html標(biāo)簽內(nèi)定義style屬性!其他樣式自己查吧!
在所有需要該公用css的html頁(yè)面的head/head中的任意位置加入link href="CSS文件的相對(duì)路徑或絕對(duì)路徑" rel="stylesheet" type="text/css" /,注意css的路徑。
例如:
style.css 在 css文件夾里,html文件和css文件夾在同一目錄下
link href="./style.css" rel="stylesheet" type="text/css" /
如果你擔(dān)心你的顏色值經(jīng)常變動(dòng)
建議,你用SCSS來(lái)寫CSS代碼
把經(jīng)常,或者 可能 變動(dòng)的值 寫成變量。
具體,你可以查看scss的官網(wǎng)。
分享名稱:公用css樣式,有幾種css樣式表及其作用
新聞來(lái)源:http://chinadenli.net/article46/dsdsshg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、外貿(mào)建站、網(wǎng)站建設(shè)、域名注冊(cè)、做網(wǎng)站、網(wǎng)頁(yè)設(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)