圓角——可以用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元素的前面及後面都引入了行分隔