CSS中值得記住的一些技巧

2022-09-24 20:18:06 字數 1256 閱讀 4236

box-sizing

儘管box-sizing在css3中才被引入,其有乙個值是border-box,讓元素的高和寬包含了填充和邊框。

css code複製內容到剪貼簿

chrome 31+, ie8+, firefox 3 safari 7+, opera 27+, ios safari 7.1+ and android browser 4.1+等都支援該屬性。

z-index和定位

如果元素沒有定位屬性,如static/absolute/relative/fixed,改屬性將被忽略

css code複製內容到剪貼簿

禁用乙個元素程式設計客棧

可以使用pointer-event屬性的乙個none值來有效的禁用元素。不管是jquery還是j**ascript,點選事件都不會被觸發

css code複製內容到剪貼簿

chrome 31+, ie11+, firefox 31+, safari 7+, opera 27+, ios safari 7.1+ and android browser 4.1+支援該屬性

長鏈結換行

阻止長鏈結溢位父元素

css code複製內容到剪貼簿

用**查詢檢測retina顯示屏

可以用下面的**查詢檢測retina顯示屏

css code複製內容到剪貼簿

過濾除了ie,filter屬性被廣泛的支援,但可能會被spartan支援。在接下來的幾十年,它會是乙個大事件。

css code複製內容到剪貼簿

chrome 31+, firefox 35+, safari 7+, opera apinj27+, ios safari 7.1+ and android browser 4.4+等支援該屬性

用省略號縮短文字

可以在乙個元素中用省略號來縮短長文字

css code複製內容到剪貼簿

讓乙個空元素服從寬度

有時你需要乙個空元素去遵循它的寬度屬性,可以這樣做:

css code複製內容到剪貼簿

@supports

@supports查詢和@media查詢類似,若瀏覽器支援,則給定的css將會顯示。目前,ie和safari不支援該屬性,但不久後就會改變。spartan承諾支援該屬性,值得期待

css code複製內容到剪貼簿

chrome 31+, firefox 31+, opera 27+ and android browser 4.4+等支援該屬性。

本文標題: css中值得記住的一些技巧

本文位址:

一些值得記住的SQL

各種不同的資料庫查詢前n條記錄,都不一樣,現在總結了一下,列了出來 1.oracle select from table1 where rownum n 2.informix select first n from table1 3.db2 select row number over order ...

JS中值得擴充套件的一些方法

最近經常寫些js,因為接觸jquery發現了很多在.net下很實用的功能可能在js中都沒有其方法,於是就想著擴充套件js,不過這些方法也是在看了幾本js書籍中總結出來的 jquery裡面有乙個 trim value 不過這種類似靜態方法的使用我還不是大習慣,所以我通常還是使用自己的擴充套件 只移除2...

think 關於個人發展值得記住的一些建議

偶然看到一篇採訪周愛民的文章,裡面的一些建議雖然樸實無華,卻感覺很有道理,特此記錄 周愛民 1 不要急。2 不要只做不想。3 聽別人的話,即使你不想聽。4 訂乙個五個期的目標,寫乙個一年期的計畫,然後回顧它。5 學好中文,學好寫文章,學會打標點符號。6 把工作當成事業做,天天都在做事業,才會成功。7...