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元素的文字都是紅色的。
為什麼朋友之間互相信任,朋友之間是否要互相信任
聆聽心情 朋友之間有兩點是最重要的,第一是互相信任,第二是互相理解。首先必須要互相信任,雙方如果真的想交朋友,那就一定要信任彼此,而不是別人一挑撥就開始懷疑對方。其次互相理解也是很重要的,在雙方真心交往,有共同愛好,關係逐步發展以後,我認為雙方互相理解的程度決定了這段友情有沒有更長遠的發展,相互信任...
人為什麼要互相尊重,人與人之間是不是要互相尊重!
蘿蔔愛寶寶 尊敬之心源於愛心,愛心源於人性,人性源於人之處境。在自然界中,人是一種極其可憐的生物,強烈的自我意識造成了只有人類才具有的諸如痛苦 恐懼 孤獨 焦慮 悔恨 煩惱 羞愧等等情緒,它們常常襲擊一個人的靈魂,使他倍受煎熬,所以在人類進化中,人性中的各種本能沒有比人道的本能有更大的發展的。摩耳說...
借錢會傷害朋友之間感情嗎,為什麼借錢都會影響朋友的感情?
一起見證勇士三連冠 這要分兩個方面來講,如果以前是好朋友,然後你借錢沒給,那估計以後感情就會慢慢變淡,如果是你借了他,他不還,估計以後能成仇人都有可能,即使不成仇人,那感情也會降低很多,如果大家都是好借好還,那以後但凡有困難,大家還是互相幫助,這樣也會提升感情。借錢前,請看清對方人品。 幸運四葉草 ...