網頁設計之css+div PK table+css

css|設計|網頁|網頁設計

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

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

　　怎麼實現?挖挖Google Talk的css模板

　　忘掉 div 和 table 吧!

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

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

　　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元素的前面及後面都引入了行分隔