-
:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。input:not([type="submit"]){ border:1px solid red; }查看全部 -
:root”选择器等同于<html>元素
建议使用:root方法。
另外在IE９以下还可以借助“:root”实现hack功能。
查看全部 -
:empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。HTML代码：
<p>我是一个段落</p> <p> </p> <p></p>
查看全部 -
div:not([id="除...之外不加属性"}){
background: orange；//颜色
boput:not ([type="除...之外不加属性"]){
border:1px solid red;
}
查看全部 -
:root{ }
=
html{ }
查看全部 -
注意阴影数值的正负 阴影x轴向右偏移，y轴向下偏移为正查看全部
-
:checked选择器
z-index:100：使按钮在上一层，不加点击区域会不灵敏
name相同才能建立互斥关系，一个选中另一个取消。
+是css相邻选择符：
共4种关系选择符：空格：+>在伪类选择器中用
opacity：0-1透明度
查看全部 -
2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放；
查看全部 -
但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果
查看全部 -
注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的
查看全部 -
background-size: auto | <长度值> | <百分比> | cover | contain
设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。
1、auto：默认值，不改变背景图片的原始高度和宽度；
2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放；
3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上；
4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器；
5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。
查看全部 -
background-origin ： border-box | padding-box | content-box;
设置元素背景图片的原始起始位置。
参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。
需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。
background:#ccc url(http://static.mukewang.com/static/img/logo_index.png) no-repeat;
查看全部 -
text-shadow: X-Offset Y-Offset blur color;
X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；
Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移；
Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；
Color：是指阴影的颜色，其可以使用rgba色。
查看全部 -
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }font-family : "My Font";
查看全部 -
linear-gradient(to top/bottom/left/right,#fff,#999)
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)
渐变方向to ...
第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
查看全部
举报