学习记录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> 启用 浏览器的文本溢出算法,具体用一个百分数来肯定文本放大范围

相关文章
相关标签/搜索