常州市新北區典雅商業廣場2號樓501、502、525、526
其實并不是div比table快,只是div有些優點會使它“快”過table。
1、div可以下載一個顯示一個,而table要完整下載才能顯示。
2、div可以用更少的div來排版。
原因主要在,table標記要解析到對應的才會顯示,而div這里就不用!它用由上而上顯示 出來!
CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是采用css+div的方式實現各種定位。
CSS+DIV網站設計的優勢
首先,CSS的極大優勢表現在簡潔的代碼,對于一個大型網站來說,可以節省大量帶寬,而且眾所周知,搜索引擎喜歡清潔的代碼(其真正意義在于,增加了有效關鍵詞占網頁總代碼的比重),因此使用CSS+DIV的web標準制作的網站具有搜索引擎友好的一定優勢。
其次,CSS+DIV制作的網站使得網站改版相對簡單,很多問題只需要改變CSS而不需要改動程序,從而降低了網站改版的成本。
盡管CSS+DIV具有一定的優勢,不過現階段CSS+DIV網站建設存在的問題也比較明顯,主要表現在:
第一,對于CSS的高度依賴使得網頁設計變得比較復雜。相對于HTML4.0中的表格布局(table),CSS+DIV盡管不是高不可及,但至少要比表 格定位復雜的多,即使對于網站設計高手也很容易出現問題,更不要說初學者了,這在一定程度上影響了XHTML網站設計語言的普及應用。
第二,CSS文件異常將影響整個網站的正常瀏覽。CSS網站制作的設計元素通常放在幾個l外部文件中,這一個或幾個文件有可能相當復雜,甚至比較龐大,如果CSS文件調用出現異常,那么整個網站將變得慘不忍睹。
第三,對于CSS網站設計的瀏覽器兼容性問題比較突出。基于HTML4.0的網頁設計在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問題,但 CSS+DIV設計的網站在IE瀏覽器里面正常顯示的頁面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什么建議網絡營銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個瀏覽器廠商的進一步支持。
用過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元素的前面及后面都引入了行分隔