當(dāng)瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文檔進行格式化。有以下三種方式來插入樣式表:

創(chuàng)新互聯(lián)主營印臺網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,印臺h5成都微信小程序搭建,印臺網(wǎng)站營銷推廣歡迎印臺等地區(qū)企業(yè)咨詢
1、外部樣式表當(dāng)樣式需要被應(yīng)用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀;
例如:
2、內(nèi)部樣式表當(dāng)單個文件需要特別樣式時,就可以使用內(nèi)部樣式表。你可以在
head
部分通過
標(biāo)簽定義內(nèi)部樣式表;
例如:style
type="text/css"body
{background-color:
red}p
{margin-left:
20px}
3、內(nèi)聯(lián)樣式當(dāng)特殊的樣式需要應(yīng)用到個別元素時,就可以使用內(nèi)聯(lián)樣式。使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何
CSS
屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
例如:
This
is
a
paragraph
分別下載下來,按順序拷貝到一個新的CSS文件不就行了,最多再用壓縮工具壓縮一下。
在前端項目中寫樣式,往往會根據(jù)不同的情況給 DOM 元素不同的樣式類來實現(xiàn)一些效果。用 React 項目舉例,比如定義一個按鈕:
再比如定義一個元素是否被激活:
區(qū)分這種樣式常規(guī)的寫法:
這種寫法讓人感覺非常的啰嗦,不優(yōu)雅。而且如果判斷條件和存在的樣式類特別多,會寫的很長很惡心。
如最常見的 Button 組件,它會有不同的樣式、尺寸、顯示方式、ghost 等等,這時候使用拼接和判斷語句的方式都顯得特別麻煩。
此時 classnames 閃亮登場!下面是它的用法:
classnames 很好的解決了按需使用不同樣式類的問題。下面是一個 React 例子:
前后對比,明顯優(yōu)雅了很多。
回到按鈕的問題,有了 classnames 就可以很好的解決樣式類拼接麻煩的問題了。
墻裂推薦 classnames!
兩個css樣式相同,id或class不一樣,如何合并為一個樣式?id是唯一標(biāo)識符,一般應(yīng)該是id不同,class相同;id相同有可能會導(dǎo)致一些問題,比如獲取用id獲取元素的時候只能獲取到第一個,之后的都獲取不到之類的。
css中相同的樣式的寫法就是在相同的class上寫就行了,比如
紅色1
紅色2
紅色3
在class中寫
.red{
color: #F00;
}陽泉是個中小型城市,總?cè)丝?30萬,包括三區(qū)兩縣。陽泉本地人不多,大部分是外地人,東北人也很多。因為陽泉有煤礦所以有錢人很多,私家車遍地都是,陽泉早上開始堵車。到晚上八點以后才好些,房價現(xiàn)在4000左右,一般的地方兩三千的也有。這里氣候還可以冬天不冷夏天不熱,下雪也不少,因為在黃河以北所以有暖氣。麥當(dāng)勞肯德基必勝客都有,如果在陽泉月收入一萬左右生活還是很好的。就是這空氣不怎么樣,水也不怎么樣。環(huán)境也一般。
本文名稱:css合并樣式,單元格合并css
分享網(wǎng)址:http://chinadenli.net/article48/dsegdep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、網(wǎng)站改版、App設(shè)計、面包屑導(dǎo)航、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)