码迷,mamicode.com
首页 > 其他好文 > 详细

学习记录2

时间:2018-06-23 18:53:38      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:学习   soft   sch   ie8   版本   question   表示   adjust   title   

1、伪类

参考链接:CSS 伪类|runoob.com

css伪类,个人理解内容为,为了提供一下选择器的特殊功能,给我感觉最有用的是:hover(哈哈,我水平也比较低)

参考链接中也有所有的伪类链接。

:not() 伪类

参考链接:否定伪类|MDN

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

2、transition-property 属性

参考链接:CSS3 transition-property 属性

这个属性会让图像渐变变化,实在不知道有什么用,也应该是做酷炫特效的,记录一下。

3、*zoom, _height

参考链接:百度知道
What does *zoom:1 do in bootstrap?| stackoverflow
Targeting IE7 using CSS

这个是hack写法,用来识别不同版本的IE浏览器。*后面的属性 IE6 IE7能识别,IE8 IE9……都不能识别;"_"后面的属性,只有IE6能识别,其他版本(IE7 8 9 更高级别)都不能识别

4、 [controls] 是什么意思?

参考链接:
HTML 5
abbr[title]{} 这种css 是什么意思?audio:not([controls]) {}还有这种|百度知道

control 属性为浏览器播放控件。

abbr[title]{} ;表示html文件里带有title属性的所有abbr标签
audio:not([controls]) {} ;表示html文件里除了带有controls属性的所有audio标签,换句话就是所有不带controls属性的所有audio标签

[controls] {} 的意思就是 html 中 所有 带controls属性的 任何标签

5、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伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分

学习记录2

标签:学习   soft   sch   ie8   版本   question   表示   adjust   title   

原文地址:https://www.cnblogs.com/young-ma/p/9217540.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!