css div塊之間為什麼互相影響?選擇器的定義,難道可以相互干擾嗎

時間 2022-05-03 10:25:17

1樓:匿名使用者

你試試一種自己嘗試的學習方法。從少到多增加元素,然後觀察用css改變樣式後的變化。

第一步:

html**:

div1

css**:

#d1這麼一來只能看見#d1的邊框和寬度高度。這是最基礎的一步。

第二步:

html**:

div1

div2

css**:

#d1#d2分別對#d1 #d2設定樣,去掉float:left。

這時可以看見#d1 #d2分別設定了邊框和高度寬度。#d1 #d2分別在不同的行裡面。

第三步:

html**:

div1

div2

css**:

#d1#d2分別對#d1 #d2設定樣。#d1加上float:left。

這時可以看見#d1 #d2分別設定了邊框和高度寬度。#d1 #d2在同一行裡面。第二步和第三步的區別是對#d1多使用了float:

left,所以有這樣的結果,這就證明在#d2前的#d1使用了float:left會對#d2產生影響。

第四步:

html**:

div1

div2

div3

css**:

#d1,#d2

#d3此時可以看見#d1 #d2的邊框和高度寬度,#d3看見寬度和高度。#d2浮動在#d1的左邊#d3浮動在#d2的左邊。

第五步:

html**:

div1

div2

div3

css**:

#d1,#d2

#d3此時可以看見#d1 #d2的邊框和高度寬度,#d3看見寬度和高度。#d2浮動在#d1的左邊,#d3不再浮動在#d2的左邊,而是另起一行,因為#d3使用了clear:both,清除了因為#d2導致的浮動。

只有自己學會把html**和css**分解來研究,才是最好的掌握html和css的辦法,不然如果我說:前一個元素使用了浮動,後一個元素就跟著浮動;後一個元素使用了清除樣式,就不會跟著前一個元素浮動。這麼說,雖然對,但是很抽象,對理解問題幫助太小。

另外float還有很多特點,但是都可以通過用這樣分解html和css的方法掌握得到。

2樓:匿名使用者

d3 清除浮動是因為 d1 和 d2 都float 了。

你可以在 這3個容器的外面再套一個 div ,先不寫 d3 的 clear:both ,你看下就知道效果了

3樓:夢很甜

假如一個屋子裡有3個氣球,其中的兩個已經飄到了屋頂,你只想這兩個氣球飄到屋頂,而不讓別的氣球飄到屋頂,你會怎麼做,你肯定會用一塊木板在這兩個氣球下面隔起來,其他的就不會飄到屋頂了

4樓:暗曉之夜

因為d1d2有浮動,要清除d1d2的浮動,不然他會跟d1d2在同一行

5樓:匿名使用者

親:1、純粹的div,不包含css的話,div是佔一行的,是一塊一塊的佈局。3個div,就是3個橫條,標準的輸出流:依次往下排。

2、當包含css,新增你的css document。結構如下:

a、body下面包含三個div

b、此時d1、d2有float:left,所以d1、d2就跳出標準的輸出流佈局,會依次浮動起來,浮動在body的左側【或者說是d3的左側】。

c、對於d3,分情況:

c1、如果不加clear:both,那麼d3是標準是輸出流佈局,是佔一行的。但由於d1、d2是浮動的,你可以想象是d3的左側部分空間被d1、d2擠出來了【或者感覺d3左側的部分空間,被d1、d2覆蓋了】。

c2、新增樣式clear:both,就清除了由於d1、d2的浮動引起的後續浮動問題。自然,d3就另起一行。

div css 樣式相互影響怎麼解決

6樓:92085菊

你的div2沒有包含在div1裡,是不會出現你所說的問題的。要麼就是你的css樣式定義了div,這樣所有div都會受影響。要兩個互不影響,直接寫.

div1和.div2這樣。如果不能理解,介意你把**放上來。

css中的不同設定div下a:hover和a:active為什麼會互相影響

7樓:壞蛋的懶豬

看看是不是你兩次的選擇器相同,或者有重複部分啊,如果選擇器相同也就是a前面的相同就會影響,像你這種情況如果選擇器沒問題的話,那就把不同div下的a的偽類都設定一遍。

比如 .div a:hover .div a:active{}

.div2 a:hover .div2 a:active

css 中前一個div的屬性會影響後一個div的佈局嗎?

8樓:澤希

會,比如最常見的就是float:left;,前一個div被float:left之後,影響到了後一個div。

css中使用包含選擇器可以設定浮動但不能設定顏色

9樓:匿名使用者

id名字不對,id是header,你寫成了#id

另外,你按照上面的目錄層次寫。

#header .top .container .fr .a1

10樓:網海1書生

.a1{

改為a.a1 {

怎麼讓css樣式相不干擾?

11樓:

這裡應用了style裡的.a樣式

這裡應用了style裡的.b樣式

建議先查詢 一下,css選擇器,,看看這個會有深一步瞭解。。。

12樓:中華老宅

這當然方法很多啦,樣式表有權重的,想獨立設定樣式 完全可以用 style="" 在當前行裡面設定樣式

13樓:匿名使用者

命名的時候別取相同的名字就ok啦。

14樓:cg核碼

類不一樣 怎麼都干擾不了

15樓:匿名使用者

css層疊樣式表簡寫為css,是英語cascading style sheets的縮寫。它是w3c定義和維護的標準,一種用來為結構化文件(如html文件或xml應用)新增樣式(字型、間距和顏色等)的計算機語言。

概述一個網頁的讀者和作者都可以使用css來決定檔案的顏色、字型、排版等顯示特性。css最主要的目的是將檔案的結構(用html或其它相關的語言寫的)與檔案的顯示(css)分隔開來。這個分隔有許多好處:

檔案的可讀性被加強

檔案的結構更加靈活

作者和讀者可以自己決定檔案的顯示

檔案的結構簡化了。

css還可以使用其它的顯示方式,比如聲音(假如瀏覽器有閱讀功能的話)或給盲人用的感受裝置。此外css還可以與xhtml、xml或其它結構檔案一起使用,唯一條件是顯示這種檔案的瀏覽器裝備了接受css的功能。

html檔案中的每一個class或id都可以有自己的顯示特徵,而且每一個沒有id特性的html結構也可以有自己的顯示特徵。這些結構有的是html自己需要的,有的是專門為css設定的。

css資訊可以來自:

作者樣式

作者可以在他的html檔案中確定一個外來的、獨立的css檔案

作者可以將css資訊包含在html檔案內

作者可以在一個html指令內結合css指令,這樣做一般是為了在一個特殊情況下將總體的css指令抵消掉

讀者樣式

讀者可以在他的瀏覽器內設立一個地區性的css檔案。這個css檔案可以用在所有的html檔案上。假如作者的css檔案與讀者的相沖突,那麼讀者可以確定他想使用哪個

瀏覽器的樣式

假如外部沒有特別指定一個樣式的話,一般瀏覽器自己有一個內在的樣式

使用css的優點有:

一個整個**或其中一部分網頁的顯示資訊被集中在一個地方,要改變它們很方便

不同的讀者可以有不同的樣式,比如有的讀者需要字型比較大

html檔案本身的範圍變小了,它的結構簡單了,它不需要包含顯示的資訊

樣式規則

css的語法很簡單,它使用一組英語詞來表示不同的樣式和特徵。

一個式樣表由一組規則組成。每個規則由一個「選擇器」(selector)和一個定義部分組成。每個定義部分包含一組由半形分號(;)分離的定義。

這組定義放在一對大括號()之間。每個定義由一個特性,一個半形冒號(:)和一個值組成。

選擇器(selector)

通常為檔案中的元素(element),如html中的body,p,strong等標籤,多個選擇器可以半形逗號(,)隔開。

屬性(property)

css1、css2、css3規定了許多的屬性,目的在控制選擇器的樣式。

值(value)

指屬性接受的設定值,可由各種關鍵字(keyword)組成,多個關鍵字時大都以空格隔開。

要針對沒有標籤定義範圍進行樣式設定時,可利用div與span標籤

在css+div中,後代選擇器怎麼用

16樓:妙妙小文

所謂後代選擇器就是指在父元素下所有層級的標籤,都稱為該父元素的後代,也就是說,子元素也屬於後代元素的範圍。

在使用後代選擇器的時候,要明確作用範圍。不建議定義了某div下的元素樣式後,然後發現還有例外的情況,又要反覆蓋樣式,如果這種情況出現時,說明該情況不適用於使用後臺選擇器去定義樣式。

如:我是紅色的

我是紅色的

我是紅色的

div li

這種情況下, 所有li元素的文字都是紅色的。

為什麼朋友之間互相信任,朋友之間是否要互相信任

聆聽心情 朋友之間有兩點是最重要的,第一是互相信任,第二是互相理解。首先必須要互相信任,雙方如果真的想交朋友,那就一定要信任彼此,而不是別人一挑撥就開始懷疑對方。其次互相理解也是很重要的,在雙方真心交往,有共同愛好,關係逐步發展以後,我認為雙方互相理解的程度決定了這段友情有沒有更長遠的發展,相互信任...

人為什麼要互相尊重,人與人之間是不是要互相尊重!

蘿蔔愛寶寶 尊敬之心源於愛心,愛心源於人性,人性源於人之處境。在自然界中,人是一種極其可憐的生物,強烈的自我意識造成了只有人類才具有的諸如痛苦 恐懼 孤獨 焦慮 悔恨 煩惱 羞愧等等情緒,它們常常襲擊一個人的靈魂,使他倍受煎熬,所以在人類進化中,人性中的各種本能沒有比人道的本能有更大的發展的。摩耳說...

借錢會傷害朋友之間感情嗎,為什麼借錢都會影響朋友的感情?

一起見證勇士三連冠 這要分兩個方面來講,如果以前是好朋友,然後你借錢沒給,那估計以後感情就會慢慢變淡,如果是你借了他,他不還,估計以後能成仇人都有可能,即使不成仇人,那感情也會降低很多,如果大家都是好借好還,那以後但凡有困難,大家還是互相幫助,這樣也會提升感情。借錢前,請看清對方人品。 幸運四葉草 ...