用過div+css作個整個網(wǎng)站,如果是純粹的div的布局是比較麻煩的,尤其是你div里面嵌套div的,div布局的時候,你有些頁面效果還是要舍棄一點的,比如圖片的圓角,這些如果套div比較麻煩,在一個div在VS2005設(shè)計器里面可能變形,如果過多的套div,你實現(xiàn)ajax拖動效果的時候比較麻煩,所以我覺得眼下還是div+嵌套table比較好。
圓角——可以用div+css做出一樣漂亮的圓角,而且不用圖片,而且是寬度、高度自適應(yīng)的
怎么實現(xiàn)?挖挖Google Talk的css模板
忘掉 div 和 table 吧!
html 更大的特點就是兼容性和自適應(yīng)性。
使用了復(fù)雜的 div+css 后,你也許會發(fā)現(xiàn)在 IE 中很美觀的頁面在其他瀏覽器中看起來象一團漿糊。做一個網(wǎng)站而只服務(wù)與特定的瀏覽器,是不可取的。如果看到哪個網(wǎng)頁上有“請用 XXX 瀏覽”的字樣,一個字的評價“爛”!
html 瀏覽器會自動根據(jù)頁面的內(nèi)容進行排版,這是普通的應(yīng)用程序難以做到的。做出“請用 X*Y 以上分辨率瀏覽”的、在高分辨率顯示器上浪費了大量頁面左右空白而使用長長滾動條的、使用了固定字體大小的,統(tǒng)統(tǒng)都是從開發(fā)應(yīng)用程序轉(zhuǎn)過來的“半路出家的和尚”。
千萬不要模仿所謂的“XX**網(wǎng)站設(shè)計”,那如果不是主辦方有意的推廣某種技術(shù),就是作者的美術(shù)功底太過**的。一個好的網(wǎng)站,只有先做到內(nèi)容充實、簡潔、合理組織、方便閱讀,再去考慮錦上添花的修飾。
已經(jīng)完全轉(zhuǎn)型div/css 剛開始還是比較麻煩,動不動就查樣式文檔,現(xiàn)在基本實現(xiàn)手寫。
推薦用VS2005布局,比如一個頁面在VS2005的標(biāo)準(zhǔn)樣式布局后,再將一個個樣式取出到單前幾css文件中,這是比較快的辦法。
SPAN 和 DIV 的區(qū)別在于,DIV(division)是一個塊級元素,可以包含段落、標(biāo)題、表格,乃至諸如章節(jié)、摘要和備注等。而SPAN 是行內(nèi)元素,SPAN 的前后是不會換行的,它沒有結(jié)構(gòu)的意義,純粹是應(yīng)用樣式,當(dāng)其他行內(nèi)元素都不合適時,可以使用SPAN。
下面以一個實例來說明這兩個屬性的區(qū)別。
代碼:
SPAN標(biāo)記有一個重要而實用的特性,即它什么事也不會做,它的**目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識符允許你將一個段落分成不同的部分。
還有一個標(biāo)識符具有類似的功能,
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同,
工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔。
效果:
SPAN標(biāo)記有一個重要而實用的特性,即它什么事也不會做,它的**目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,標(biāo)識符允許你將一個段落分成不同的部分。
還有一個標(biāo)識符具有類似的功能,
DIV也被用來在HTML文件中建立邏輯部分。但與
SPAN不同,
工作于文本塊一級,它在它所包含的HTML元素的前面及后面都引入了行分隔
網(wǎng)頁設(shè)計之css+divPKtable+css,與大家多多交流。