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...