筆記js+html+css

在日常對頁面進行佈局時候,每每會出現文本框和按鈕對不齊的狀況,解決方法:在須要對齊的元素的文本框中,添加vertical-align:middle;這個樣式便可;css

 

ont: bold 15px/40px "microsoft yahei"; 這段css中font的設置,爲何要用15px除以40px呢,這有什麼用,還有期中40px彷佛會有垂直居中的效果
這一段代碼只是字體的簡寫而已,分開寫的話就是:
font-weight:bold;
font-size:15px;
line-height:40px;
font-family:'microsoft yahei';
不這裏所說的40px只是字體的行高而已,當字體行高與div的高度同樣的時候就能夠達到字體垂直居中的效果,若是行高小於div高度,那麼字體就會偏上了,明白了吧瀏覽器

 

js中添加樣式不容許出現「-」,若要寫 font-size   則轉化爲fontSize,後面的單詞開頭字母爲大寫;函數

 

當沒法肯定函數傳遞參數個數的狀況,使用arguments;佈局

overflow針對溢出字體

清理圖片下空隙:vertical-align:top;視頻

也能夠解決IE 6 7 下兼容問題;索引

解決方法overflaw:hidden;在IE6下高度小於19px的元素,高度會被當作19px處理圖片

 

border-collapse:collapse邊框合併get

table的基本特性就是tableflash

 

borde-radius:6px邊框圓角化處理 可是IE6 7沒法兼容

<embed></embed>能夠用來插入flash視頻

 

在js中獲取樣式的方法:getComputedStyle($('div1').width)可是IE6 7 8都不兼容

$('div1').currentStyle.width IE 6 7 8兼容 可是標準瀏覽器下不兼容

因此只能寫個if else 語句進行判斷 從而達到兼容目的

 

索引能夠將多個事物串聯在一塊兒,使用,aLi[i].index++,用於一個按鈕控制多個事物發生改變,就像焦點圖同樣的那種

 

圖片在display:inline-block 不要使用block;

相關文章
相關標籤/搜索