css布局,碰到奇怪的序列現象,Css布局,碰到乙個奇怪的序列現象

2021-12-24 10:54:27 字數 3427 閱讀 5916

1樓:匿名使用者

#aa#aa ul

#aa ul li

#aa ul li span

5.13

******

這個是基本的css樣式寫法,不過你要通過程式控制******的長度。

給樓主個建議:寫float的時候,一定要帶上widthcss參考手冊

2樓:匿名使用者

用工具測試 很容易就能得到結果

如果是雙倍 可以將容器拉長點 如果恢復了 就反證 2內容超長

3樓:1988祥子

不是 首先span這個不要右浮動 因為你的前面加鏈結的文字沒有浮動 這樣會出現你說的序列

再說一下前面的點 這個在屬性最好不要用 因為在瀏覽器中的相容不好 會出現一些問題 可以做個點的** 新增背景的方式做

div+css布局的基本流程

4樓:

解決這個問題的方法如下:

1、新建乙個html檔案,命名為test.html,用於講解div+css布局的基本流程。

2、在test.html檔案內,對body進行樣式初始化,設定外邊距margin為0,內邊距padding為0,同時使用text-align設定文字居中。

3、在test.html檔案內,為了講解方便,設定所有的div高度為200px,內容的顏色為紅色。

4、在test.html檔案內,使用div建立網頁的頭部,使用margin:0 auto設定div居中,同時設定其寬度為800px,背景顏色為灰色。

5、在test.html檔案內,使用div建立網頁的中部,使用margin:0 auto設定div居中,同時設定其寬度為800px。

6、在test.html檔案內,在網頁的中部,建立兩個div,用於將中部為兩部分,每乙個部分寬度為50%,左部分使用float:left設定左浮動,右部分使用float:

right設定右浮動。

7、在test.html檔案內,使用div建立網頁的底部,使用clear:both清除上面div的浮動,避免影響底部的布局。

同時,使用margin:0 auto設定div居中,同時設定其寬度為800px,背景顏色為#000fff。

8、在瀏覽器開啟test.html檔案,檢視實現的效果,這樣問題就解決了。

5樓:

1、新建乙個html頁面。

2、在html頁面上新建三個div標籤,分別為這三個div新增class為:header、main、footer。

3、建立style標籤用於設定css樣式。在title標籤下建立乙個style標籤,然後為header類設定div的高、背景顏色樣式。

4、為顯示主要內容的main類設定樣式。在style標籤裡設定main類樣式的邊框、寬、高、背景顏色。

5、設定底部footer的樣式。在style標籤裡新增footer類樣式的背景顏色和高度。

6、儲存好html檔案後使用瀏覽器檢視效果。

7、在瀏覽器上看到div標籤和瀏覽器存在一些空白的畫素,為了去掉這些空白的畫素我們需要把body標籤設定外邊框。

8、使用瀏覽器重新開啟後就沒有看到div與瀏覽器存在空白的邊框了。

6樓:day忘不掉的痛

div+css布局中主要css屬性介紹:

float:

float屬性是div+css布局中最基本也是最常用的屬性,用於實現多列功能,標籤預設一行只能顯示乙個,而使用float屬性可以實現一行顯示多個div的功能,最直接解釋方法就是能實現**布局的多列功能。

margin:

margin屬性用於設定兩個元素之間的距離。

padding:

padding屬性用於設定乙個元素的邊框與其內容的距離。

clear:

使用float屬性設定一行有多個div後(多列),最好在下一行開始之前使用clear屬性清楚一下浮動,否則上面的布局會影響到下面。

例項講解:下面使用例項如果做乙個簡單又基本的布局,效果如下圖:

**:這裡設定了padding屬性介紹一下padding的用法,padding將設定文字與邊框的距離。

content-left

content-main

footer

7樓:電商達人秀

div+css布局的基本流程:

用css也需要切片,但組合的時候要比**靈活很多,另外在css中切片的目的一般是為了美觀而不是布局,比如為**新增邊框,製作導航欄。

css布局一般是把html先做好再用css布局,不過在做html時就要考慮到布局,新增足夠的id,class屬性,足夠的層,有時也要新增必要的空標籤.(css的html與**時期的html有很大不同)

css布局的優勢是更靈活,更精確,但也存在很多的問題,最突出的就是相容性的問題--不同瀏覽器對同一段css**會有不同的顯示,這個問題困擾了無數網頁製作者,如果樓主致力於css布局一定要注意這方面的問題(解決這個問題的方法通常是用 css hack),同時還要鼓勵樓主不要因為這一原因放棄css。

都是一些經典的css作品(所有作品都是完全相同的html)

8樓:我的人生

看個人習慣,我習慣先寫html,然後寫css。

如果你問的是html布局的話,得看具體內容,在最少得標籤實現設計圖效果,根據**重構,用相應的標籤

9樓:匿名使用者

使用div+css製作網頁和布局,你必須能夠認識各種**的作用和含義都是什麼,想使用div+css進行網頁布局最基本的html**是必須要會的,其次css層疊樣式表**也必須要會使用

ps模板僅僅是乙個模板而已,只是參照而已,=

10樓:公尺克

先要理解一下網頁的基本構成,就像人一樣,他有頭身體

腳一般頭和腳都是不變的,然後把各個部位用div做乙個大的框架,然後再雕刻細節。

說白了,跟畫畫乙個樣,畫草圖,框架,然後描繪細節。

我用css+div布局我想讓四個**上面兩個,下面兩個排列該怎樣弄

11樓:匿名使用者

---------------------------------------------css部分---------------------------------------------#topmenu#topmenu li---------------------------------------------測試一下是否兩排。一排兩個。

12樓:匿名使用者

分給我。

div+css上中下布局的問題

13樓:匿名使用者

js獲取總高度,然後減去上面和下面的高度,將這個高度賦值給中間的div即可。

奇怪的天文現象乙個奇怪的天文現象!

這個就不好說了。在沒有進一步的資料和證據前,我猜測下很有可能是北極光。但是你所講事情裡有些和極光是符合的,有些似乎不對。首先,我來解釋下什麼是極光以及形成原因。極光 極光是高空稀薄大氣層中帶電的微粒所致,在帶電微粒流的作用下,各種不同的氣體所發出的光也不相同,因此就出現了各種不同形狀和顏色的極光,美...

奇怪的物理現象,乙個奇怪的物理現象

確實是溫度差的問題。從冰箱拿出東西,溫度比常溫低毋庸置疑。放在空氣中的 鋼 摸上去也和室溫不一樣,要低對吧?但實際上鋼和室溫度是一樣的,那為什麼會有錯覺呢?答案是 鋼 這種物質吸熱快,於是乎當你的手觸控鋼的時候,很快就吸走你手上的一部分熱量。因此你會感覺鋼比常溫要冷。你認為尺子的溫度很底,那是因為人...

我碰到男孩,有似曾相識的感覺,我碰到一個男孩,有似曾相識的感覺

紫色君威 樓主一見鍾情啊,這是可遇不可求的,這感覺很美妙,一輩子也體會不到幾次,加油嘍,去爭取吧 你信緣嗎?緣份的特性 人以群分,物以類聚,相同或相似的靈魂走在一起,一定有種似曾相識的感覺,好象彼此早已認識,有一見如故,相見恨晚之感。而無緣的人天天在一起也形同陌路.茫茫人海,芸芸眾生。走在俗世凡塵中...