【记录】一些平时留意过的
生活随笔
收集整理的這篇文章主要介紹了
【记录】一些平时留意过的
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
CSS
- css outline 與border 重要區(qū)別,outline不參與到文檔流中,即outline是不站位置的。
- 最好為a標(biāo)簽的每一個(gè)狀態(tài)都設(shè)置你需要的 text-decoration,不然各種悲催的瀏覽器表現(xiàn)不一樣
- ::selection?這應(yīng)該是一個(gè)新的偽類,定義了網(wǎng)頁選中的背景顏色,在“又拍”發(fā)現(xiàn)的。
- 兩個(gè)同級(jí)的div 都設(shè)置了 inline-block,你會(huì)發(fā)現(xiàn)他們之間有一些間隙(ff,chrome大多A級(jí)瀏覽器都這樣),非常莫名其妙。 這是由于代碼換行導(dǎo)致的,強(qiáng)制把代碼寫在一行就行了。 具體為什么還真不知道,太BUG了。文章鏈接
- 用label 包裹 input 不寫for 不能聚焦到input(IE6下),其他瀏覽器可以!
- 一個(gè)關(guān)于z-index在IE下表現(xiàn)錯(cuò)誤的測(cè)試。 一篇博客? ?看圖更容易理解
- 一個(gè)微軟的文檔?
- display:table;?
在Chrome下可能引發(fā)橫向布局算法發(fā)生變化。比如border寬度被計(jì)算到width內(nèi)!
---- 這可能是Chrome的一個(gè)BUG,firefox和其他瀏覽器表現(xiàn)正常 - 疑惑 ---?white-space 用來處理空白字符在瀏覽器中的表現(xiàn),為什么有一個(gè)nowrap來控制文本是否斷行,這個(gè)任務(wù)不是應(yīng)該交給 word-wrap 、 word-break 嗎?
- div:nth-child(1){ ?// 這個(gè)CSS3的新選擇器需要糾結(jié)一會(huì),有好幾個(gè)類似也是這個(gè)規(guī)則
font-size:24px;
} / * 在容器第1個(gè)元素是div * /
div:nth-of-type(1){
font-size:36px;
}/* 在容器中所有div中的第1個(gè) */ - 行內(nèi)元素(內(nèi)聯(lián)元素display:inline),不接受寬度(width),高度(height),上下外邊距(margin-left,margin-top),這很容易理解。
但是postition:absolute|fixed;會(huì)改變這個(gè)狀況,使其可以接受以上CSS屬性。(IE6 fixed 出外)
javascript
? ? ? 發(fā)布以后這里的內(nèi)容不見了,不再敲一遍了。哎
其他
- IE 7上傳一個(gè)jpg圖片,PHP讀取到的圖片類型是 image/pjpeg。大多瀏覽器都是 image/jpg, image/jpeg 。據(jù)說IE6也有可能這樣。
?
轉(zhuǎn)載于:https://www.cnblogs.com/idche/archive/2011/11/29/2267566.html
總結(jié)
以上是生活随笔為你收集整理的【记录】一些平时留意过的的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 分块加载(转)
- 下一篇: Linux 文件与目录管理、ls、cd、