2011年9月4日星期日

CSS網頁制作教程:制作網頁導航條

CSS網頁制作教程:制作網頁導航條

http://www.inspirr.com

CSS標簽重置
對于XHTML+CSS布局起著一個重要的決定性作用,它是提高頁面瀏覽器兼容性的第一步。
那么什么是標簽重置呢?
顧名思義,就是對HTML中的所有標簽屬性重置,因為每個瀏覽器都有一個自己默認的CSS文件,對HTML中的所有的標簽進行定義,以便沒有定義CSS的頁面能夠正常顯示在頁面,頁面在加載的時候如果沒有找到自帶的CSS文件,瀏覽器就用事先為您準備好的CSS樣式,但是這個對于頁面布局,沒有什么用,所以我們需要將它們重新設置,不過標簽有那么多,屬性那么多,怎么設置?!這都是個問題!

哈哈,不要著急,問題很容易解決,其實在我們布局頁面的時候,將最容易影響頁面布局的是HTML標簽中的內外邊距,只要我們將最常用的標簽的內外邊距設為零就OK了~比如一個頁面中用到下面div,p,ul,li四個標簽那么我們的重置代碼就要這么寫
body,div,p,ul,li{margin:0; padding:0;}
因為body標簽不同的瀏覽器定義的內邊距是不一樣的,所以在上面代碼中加入body。
如果后面我用到form,h1,h2標簽的話,我就再添加上去就OK了
body,div,p,ul,li,form,h1,h2{margin:0; padding:0;}

用到幾個標簽就寫幾個!

有些人很喜歡用*{margin:0; padding:0;},其實KwooJan不建議這么用,因為HTML標簽太多了,HTML4.01 參考手冊中就多達89個,我們平時常用的也就那么幾個,所以沒有必要將所有標簽重置,這樣反而使頁面加載速度變慢!特別是對于大站點,更不提倡!

不過呢,如果頁面出了問題,用這個可以檢驗一下,是不是有標簽沒有重置而導致的布局錯位喲~!


  Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |

没有评论:

发表评论