網頁設計之css div PK table css

2021-08-23 13:09:53 字數 1383 閱讀 5711

用過div+css作個整個**,如果是純粹的div的布局是比較麻煩的,尤其是你div裡面巢狀div的,div布局的時候,你有些頁面效果還是要捨棄一點的,比如的圓角,這些如果套div比較麻煩,在乙個div在vs2005設計器裡面可能變形,如果過多的套div,你實現ajax拖動效果的時候比較麻煩,所以我覺得眼下還是div+巢狀table比較好。

圓角——可以用div+css做出一樣漂亮的圓角,而且不用,而且是寬度、高度自適應的

怎麼實現?挖挖google talk的css模板

忘掉 div 和 table 吧!

html 最大的特點就是相容性和自適應性。

使用了複雜的 div+css 後,你也許會發現在 ie 中很美觀的頁面在其他瀏覽器中看起來象一團漿糊。做乙個**而只服務與特定的瀏覽器,是不可取的。如果看到哪個網頁上有「請用 *** 瀏覽」的字樣,乙個字的評價「爛」!

html 瀏覽器會自動根據頁面的內容進行排版,這是普通的應用程式難以做到的。做出「請用 x*y 以上解析度瀏覽」的、在高解析度顯示器上浪費了大量頁面左右空白而使用長長滾動條的、使用了固定字型大小的,統統都是從開發應用程式轉過來的「半路出家的和尚」。

千萬不要模仿所謂的「xx優秀**設計」,那如果不是主辦方有意的推廣某種技術,就是作者的美術功底太過優秀的。乙個好的**,只有先做到內容充實、簡潔、合理組織、方便閱讀,再去考慮錦上添花的修飾。

已經完全轉型div/css 剛開始還是比較麻煩,動不動就查樣式文件,現在基本實現手寫。

推薦用vs2005布局,比如乙個頁面在vs2005的標準樣式布局後,再將乙個個樣式取出到單獨css檔案中,這是比較快的辦法。

span 和 div的區別在於,div(division)是乙個塊級元素,可以包含段落、標題、**,乃至諸如章節、摘要和備註等。而span 是行內元素,span的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。

下面以乙個例項來說明這兩個屬性的區別。

**:span標記有乙個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的html**中的其它元素,這樣你就可以為它們指定樣式了。在此例中,識別符號允許你將乙個段落分成不同的部分。

還有乙個識別符號具有類似的功能,

div也被用來在html檔案中建立邏輯部分。但與

span不同,

工作於文字塊一級,它在它所包含的html元素的前面及後面都引入了行分隔。

效果:span標記有乙個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的html**中的其它元素,這樣你就可以為它們指定樣式了。在此例中,識別符號允許你將乙個段落分成不同的部分。

還有乙個識別符號具有類似的功能,

div也被用來在html檔案中建立邏輯部分。但與

span不同,

工作於文字塊一級,它在它所包含的html元素的前面及後面都引入了行分隔

網頁設計之css div PK table css

用過div css作個整個 如果是純粹的div的布局是比較麻煩的,尤其是你div裡面巢狀div的,div布局的時候,你有些頁面效果還是要捨棄一點的,比如的圓角,這些如果套div比較麻煩,在乙個div在vs2005設計器裡面可能變形,如果過多的套div,你實現ajax拖動效果的時候比較麻煩,所以我覺得...

網頁設計之網頁眉屏高度如何確定?

內容摘要 乙個經驗豐富的網頁設計師在做網頁原型設計或者視覺效果圖時,首先必須要做的是標註清楚 首屏的高度線,以便直觀的看到 首屏的高度,首屏可以顯示的元素。那麼,我們該如何來標註乙個網頁的首屏線那?乙個經驗豐富的網頁設計師在做網頁原型設計或者視覺效果圖時,首先必須要做的是標註清楚 首屏的高度線,以便...

網頁設計之字型設定(上)

字型 font 的設定是網頁製作新手遇到的第乙個難點。如何控制字型大小,如何取消超連結字型的下劃線是來信問得最多的。好,我們來徹底研究一下字型的各個方面 字符集的設定。在檢視html 檔案原 時,我們經常可以在檔案頭 之間看到這麼一句 這段 的作用是什麼呢?是否可以刪除呢?其實這是 meta 標籤的...