HTML/CSS一些需要注意的基礎知識，HTML/CSS基礎知識

HTML/CSS一些需要注意的基礎知識，HTML/CSS基礎知識

border:0;邊框存在但不現實 並且占記憶體

border:none;邊框未渲染

 

HTML的書寫規範：

　　1、標籤換行。 2、標籤縮排。 3、標籤要關閉。 4、標籤名屬性不可為空。 5、首先要！doctype聲明。 6、編碼格式為UTF-8。 7、標籤要半形英文小寫。 8、合理注釋。9、類名，id名要有語意的注釋。10、 合理嵌套。

 

相對定位：相對定位，要有一個參照物，但這個參照是它自身，也就是說沒設相對定位的位置，但只有設定了才能使 TOP,LEFT這些生效，也就是設了才能相對自己原來的位置位移，原來的位置保留著，位移後會把其它的層遮罩住。

絕對位置：在布局裡不可能有絕對位置的，再怎麼樣都有一個參照位置的，絕對位置的參照位置就看它的上級或上上級有沒有定位，也就是有沒有position:relative;當要絕對位置的層設好要參照位置的層後，就可以用TOP，LEFT這些來定位置了，如果它的上級或上上級都沒定位的話只就會根據BODY的位置來定位了,還有最後一點，絕對位置會導致元素脫離文檔流。

padding和margin的使用方式：padding:父元素與子項目；margin：同級子項目。padding會對邊框造成影響。 塊元素和行元素的區別：1、塊元素獨自佔一行，行元素不會獨自佔一行。2、塊元素可以設定寬高，行元素不行。3、塊元素可以設定margin和padding值，行元素只能設定水平方向的padding和margin值。 瀏覽器常見的hack ：

“-″減號是IE6專有的hack

“\9″ IE6/IE7/IE8/IE9/IE10都生效

“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack

“\9\0″ 只對IE9/IE10生效，是IE9/10的hack

 

常用瀏覽器的核心及核心首碼：

瀏覽器     瀏覽器核心               瀏覽器首碼

chrome   Webkit                   -webkit(Blink最新)

Opera     Presto(webkit最新)  -o-(webkit最新)

safari      Webkit                  -webkit-

Firefox    gecko(壁虎)            -moz-

IE          Trifent                   -ms-