CSS布局經驗談

2022-03-14 05:43:02 字數 903 閱讀 1786

1.盒子模型

css最具特色也是最本質的可以濃縮成盒子模型。

整個頁面可以通過大盒子套小盒子,盒子挨著盒子放,擺成乙個頁面即可。

盒子即所謂的塊元素,只有塊元素才有寬和高,有了寬和高才能使盒子挨著盒子放,才能確定盒子與盒子之間的距離(如:margin-left);而行內元素不同於塊元素,它沒有寬和高,使用margin會出問題。

2.列表

最常用也是最有代表性的就是無需列表ul了。

ul是一整個大盒子,大盒子裡的每乙個列表元素就是乙個小盒子,這些小盒子用表示,所有的列表元素列出來後,用float:left來朝乙個方向浮動即可實現橫向列表。

*在涉及到中有標題和時間同時存在的情況,如:

<

li><

img

src="images/dot.png"

><

a href

="">三一重工獲泰國史上最大工程機械訂單

a><

span

>06-03

span

>

li>

顯示效果如圖:

如圖所示:日期向下竄了一行,而且也向左竄。這個時候可以使用交叉浮動。

<

li>span>06-03

span

><

img

src="images/dot.png"

><

a href

="">三一重工獲泰國史上最大工程機械訂單

a>

li>

3.塊元素嚴格必須要寫寬和高,否則頁面錯亂不知道為什麼!

PCB布局經驗談

摘自 對於電子產品來說,印製線路板設計是其從電原理圖變成乙個具體產品必經的一道設計工序,其設計的合理性與產品生產及產品質量緊密相關,而對於許多剛從事電子設計的人員來說,在這方面經驗較少,雖然已學會了印製線路板設計軟體,但設計出的印製線路板常有這樣那樣的問題,而許多電子刊物上少有這方面文章介紹,筆者曾...

跳槽經驗談

每年年初跳槽最多,跳槽是一門學問,也是一種策略。跳槽並不意味著你就能夠取得職業的成功,當面臨跳槽時,如何順利地完成跳槽,從而取得職業的成功呢?以下是一些切身體會,值得大家參考。1 不要指望會一下子能夠跳到多麼好的公司,絕大多數公司都乙個樣子。比如用友 金蝶 亞信 神馬這些公司,其實基本上乙個樣子。2...

程式設計經驗談

不知不覺做軟體已經做了十年,有成功的喜悅,也有失敗的痛苦,但總不敢稱自己是高手,因為和我心目中真正的高手們比起來,還差的太遠。世界上並沒有成為高手的捷徑,但一些基本原則是可以遵循的。紮實的基礎。資料結構 離散數學 編譯原理,這些是所有電腦科學的基礎,如果不掌握他們,很難寫出高水平的程式。據我的觀察,...