HTML5布局練習


傳統布局

 HTML5布局

新布局的意義

 HTML5布局練習

1 結構層

從上至下 從左至右 從外至里·······

補充:

li不利於搜索引擎收錄,盡量少用

2 表現層

熟練運用絕對定位

排序:CSScomb插件:CSS屬性排序工具。快捷鍵:ctrl + shift + C

美化:ctrl + shift + H 

           選中下圖位置

   

     alt + F3選中所有前面空格,刪除兩次,一個空格,按一下“↓”,按一下“←”,再刪除一次,一個空格,按一下“↓”,刪除一次

寫代碼同時養成寫注釋的習慣。   

3 兼容

對於一些HTML5的新標簽,可以添加以下代碼來解決兼容性問題,但會存在代碼冗余問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM