css樣式表空格與不空格的關(guān)系

有空格表示上下級關(guān)系或者說父子關(guān)系，比如：

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),溪湖企業(yè)網(wǎng)站建設(shè),溪湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,溪湖網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,溪湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

style

.a?.b?{

color:?red

}

/style

div?class="a"

div?class="b"

這里的文字是紅色

/div

/div

沒有空格則表示疊加關(guān)系，比如：

style

.a.b?{

color:?red

}

/style

div?class="a?b"

這里的文字是紅色

/div

CSS中class中的空格有什么意義？

class中的空格是為了給html標(biāo)簽同時(shí)賦予多個(gè)class類名。

在使用類選擇器之前，需要修改具體的文檔標(biāo)記，以便類選擇器正常工作。

為了將類選擇器的樣式與元素關(guān)聯(lián)，必須將?class?指定為一個(gè)適當(dāng)?shù)闹?。請看下面?HTML 代碼：

h1?class="important" This heading is very important. /h1 p class="important" This paragraph is very important. /p

在上面的代碼中，兩個(gè)元素的 class 都指定為 important：第一個(gè)標(biāo)題（ h1 元素），第二個(gè)段落（p 元素）。

擴(kuò)展資料：

例如：如果希望將一個(gè)特定的元素同時(shí)標(biāo)記為重要（important）和警告（warning），就可以寫作：p class="important warning" This paragraph is a very important warning. /p 這兩個(gè)詞的順序無關(guān)緊要，寫成 warning important 也可以。

假設(shè) class 為 important 的所有元素都是粗體，而 class 為 warning 的所有元素為斜體，class 中同時(shí)包含 important 和 warning 的所有元素還有一個(gè)銀色的背景 。

css white-space屬性詳解

css white-space這個(gè)css樣式，用來設(shè)置element元素對內(nèi)容中的空格的處理方式，有著幾個(gè)可選值：normal,

nowrap,

pre,

pre-wrap,

pre-line

沒有設(shè)置white-space屬性，則默認(rèn)為white-space:normal。normal表示合并空格，多個(gè)相鄰空格合并成一個(gè)空格，在源碼中的換行作為空格處理，只會(huì)根據(jù)容器的大小進(jìn)行自動(dòng)換行。

white-space:nowrap和normal一樣，也合并空格，但是不會(huì)根據(jù)容器大小換行，表示不換行。

效果如下：這個(gè)效果在頁面布局中使用很頻繁，尤其在移動(dòng)端布局中。

white-space:nowrap會(huì)導(dǎo)致文本不換行，經(jīng)常和overflow,text-overflow一起使用，如下：

效果如下：

white-space:pre的作用是保持源碼中的空格，有幾個(gè)空格算幾個(gè)空格顯示，同時(shí)換行只認(rèn)源碼中的換行和

標(biāo)簽。

white-space:pre-wrap的作用是保留空格，并且除了碰到源碼中的換行和

會(huì)換行外，還會(huì)自適應(yīng)容器的邊界進(jìn)行換行。

效果如下：

white-space:pre-wrap和white-space:pre的區(qū)別就是會(huì)自適應(yīng)容器的邊界進(jìn)行換行。

white-space兼容性

css樣式 逗號和空格的區(qū)別

css中 用逗號隔開表示兩個(gè)不同類的樣式類名用同一個(gè)樣式；

空格隔開表示從屬包含關(guān)系，是當(dāng)前的元素子元素；

逗號隔開表示并列關(guān)系，兩者之間沒有任何關(guān)系，可以使用同一個(gè)樣式。

比如下面的代碼示例：

div?class="content"

span?class="content-child"子內(nèi)容/span

內(nèi)容/div

div?class="conter"內(nèi)容2/div

style

.content?.content-child{

color:red;//空格隔開表示在類content下的類樣式.content-child的樣式被改變了

}

.content,conter{

color:#ffd014;//逗號表示在不同的類下，樣式都被改變。

}

/style

CSS代碼里面的空格有影響嗎？

1、CSS代碼里要用半角的空格，才不會(huì)有影響。如下圖“float: left”之間用“半角空格”的。

2、如下圖，“flost:　left”之間用了全角空格，CSS樣式就不起作用了。

CSS樣式名之間空格，無空格和大于號的區(qū)別

比如下面這段代碼:

div?class="aa?bb"

p?class="bb"

span?class="bb"/span

/p

/div

選擇器：.aa .bb

.aa和.bb間加上空格，是子選擇器，選擇.aa下含有.bb的子節(jié)點(diǎn)，子包括兒子節(jié)點(diǎn)、孫子節(jié)點(diǎn)，選擇出的內(nèi)容包括p.bb，span.bb;

選擇器: .aa.bb

.aa和.bb間無空格，是選擇同一個(gè)元素，只不過選擇器粒度更精細(xì)了些，選擇的元素既有.aa類，也有.bb類，選擇出的內(nèi)容為：div.bb

選擇器:.aa.bb

.aa和.bb間加上大于號，也是子選擇器，選擇.aa下含有.bb的子節(jié)點(diǎn)，子只包括兒子節(jié)點(diǎn)，選擇出的內(nèi)容為p.bb

分享名稱：css樣式空格,css怎么段落空格
網(wǎng)址分享：http://jinyejixie.com/article48/dsdishp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、虛擬主機(jī)、品牌網(wǎng)站設(shè)計(jì)、小程序開發(fā)、Google、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)