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

2021-06-28 14:34:56 字數 1632 閱讀 6515

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-

1.做好的頁面在手機端測試時,發現部分瀏覽器,tap後會出現乙個半透明的灰色背景,(被批…),起初以為是outline作怪,加上後發現沒反應,最後發現是tap後的背景高亮,要重設這個表現,則需要設定-webkit-tap-highlight-color為所需色彩,直接透明吧:

a,img,button,input,textarea

2.另外,如何去掉textarea,input的預設樣式(ios上的圓角及內陰影等,android未測試):

html禁止清除input文字輸入快取

多數瀏覽器缺省會快取input的值,只有使用ctl+f5強制重新整理的才可以清除快取記錄。

如果不想讓瀏覽器快取input的值,有2種方法:

方法一:

在不想使用快取的input中新增 autocomplete="off";

eg:

方法二:

在 input 所在的form標籤中新增 autocomplete="off";

eg:

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

border 0 邊框存在但不現實 並且佔記憶體 border none 邊框未渲染 html的書寫規範 1 標籤換行。2 標籤縮排。3 標籤要關閉。4 標籤名屬性不能為空。5 首先要!doctype宣告。6 編碼格式為utf 8。7 標籤要半形英文小寫。8 合理注釋。9 類名,id名要有語意的注釋...

foreach 一些需要注意的地方

通常迴圈訪問陣列都用for迴圈 例如 for i 0 i i 3 i echo arr i 但通過手工 操作乙個大陣列來說,用foreach迴圈的 更少 上面的 可以這樣寫 foreach arr as value echo value 下面來仔細 下foreach使用中的一些問題 1.foreac...

使用namespace需要注意的一些東西

使用c 標準庫的任何識別符號,一般來說有三種選擇,但是using directive有時候會出現問題。首先using namespace std這種用法並不會導致效能上的變化。而是在程式比較大的時候,會出現意外的名稱衝突。例如使用如下的形式 using namespace a using names...