學習記錄2

一、僞類

參考連接:CSS 僞類|runoob.comcss

css僞類,我的理解內容爲,爲了提供一下選擇器的特殊功能,給我感受最有用的是:hover(哈哈,我水平也比較低)html

參考連接中也有全部的僞類連接。html5

:not() 僞類

參考連接:否認僞類|MDNweb

/* 類名不是 `.fancy` 的 <p> 元素 */
p:not(.fancy) {
  color: green;
}

二、transition-property 屬性

參考連接:CSS3 transition-property 屬性算法

這個屬性會讓圖像漸變變化,實在不知道有什麼用,也應該是作酷炫特效的,記錄一下。bootstrap

三、*zoom, _height

參考連接:百度知道
What does *zoom:1 do in bootstrap?| stackoverflow
Targeting IE7 using CSS瀏覽器

這個是hack寫法,用來識別不一樣版本的IE瀏覽器。*後面的屬性 IE6 IE7能識別,IE8 IE9……都不能識別;"_"後面的屬性,只有IE6能識別,其餘版本(IE7 8 9 更高級別)都不能識別ide

四、 [controls] 是什麼意思?

參考連接:
HTML 5
abbr[title]{} 這種css 是什麼意思?audio:not([controls]) {}還有這種|百度知道ssr

control 屬性爲瀏覽器播放控件。code

abbr[title]{} ;表示html文件裏帶有title屬性的全部abbr標籤
audio:not([controls]) {} ;表示html文件裏除了帶有controls屬性的全部audio標籤,換句話就是全部不帶controls屬性的全部audio標籤

[controls] {} 的意思就是 html 中 全部 帶controls屬性的 任何標籤

五、Mozilla CSS extensions Microsoft CSS extensions Webkit CSS extensions

參考連接:

WebKit CSS extensions
Microsoft CSS extensions
Mozilla CSS extensions

這些體如今 -text-size-adjust 這樣的屬性 和 ::-webkit-file-upload-button 這樣的僞元素
在MDN中被認爲是試驗項目和瀏覽器專有屬性,不推薦使用,我遇到的是

::-moz-selection { background: #fe57a1; color: #fff; text-shadow:none;}
::selection {background: #fe57a1; color: #fff; text-shadow: none;}

::selection

參考連接:::selection|MDN

::selection CSS僞元素應用於文檔中被用戶高亮的部分(好比使用鼠標或其餘選擇設備選中的部分

text-size-adjust

參考連接:text-size-adjust| MDN

text-size-adjust 屬性 容許咱們將文本溢出算法因公到一些手機設備上。這個屬性尚未寫進標準,使用時必須加上前綴:-moz-text-size-adjust,-webkit-text-size-adjust,,和 -ms-text-size-adjust。

這個屬性只有一些職能手機和平板電腦上使用。

none 禁用瀏覽器的文本溢出算法。在老的基於webkit內核的桌面端瀏覽器,這將阻止用戶將網頁放大或縮小。 auto 啓用 瀏覽器的文本溢出算法。該值用於取消先前使用CSS設置的none。 <percentage> 啓用 瀏覽器的文本溢出算法,具體用一個百分數來肯定文本放大範圍

相關文章
相關標籤/搜索