:not(:nth-of-type(2n))
:not(:nth-of-type(even))
这两种设置方式原理上是可以的,但是编译不通过,报错了……
:not(:nth-of-type(even))
这两种设置方式原理上是可以的,但是编译不通过,报错了……
2016-10-28
http://www.w3school.com.cn/css/css_pseudo_classes.asp
伪元素详解
伪元素详解
2016-10-28
a为元素的水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
2016-10-27
应该是这样理解:only-of-type”是表示一个父元素他有很多个子元素,而其中只有一个子元素的类型的与父元素类型相同并且是唯一的
2016-10-27
background:url(... ) left top/200px 80px no-repeat ,
url(... ) right bottom/150px 55px no-repeat ;
1. left top/right bottom 左上角/右上角
2.如果有 size 值,需要紧跟 position 并且用 "/" 隔开;
3.200px 80px/150px 55px 分别代表了俩个图片的大小
注意:上面已经定义整个div高宽为140和300了,最好不要超出。
url(... ) right bottom/150px 55px no-repeat ;
1. left top/right bottom 左上角/右上角
2.如果有 size 值,需要紧跟 position 并且用 "/" 隔开;
3.200px 80px/150px 55px 分别代表了俩个图片的大小
注意:上面已经定义整个div高宽为140和300了,最好不要超出。
2016-10-27
background-clip:border|padding|content
该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-origin:padding|border|content
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-origin:padding|border|content
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
2016-10-27