-
RGB由红(R)、绿(G)、蓝(B)
RGBA是在RGB的基础上增加了控制alpha透明度的参数。
R、G、B三个参数,正整数值的取值范围为:0 - 255
color:rgba(R,G,B,A)
查看全部 -
border-image:url(borderimg.png) 70 repeat
---repeat,Round,Stretch
查看全部 -
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
如果添加多个阴影,只需用逗号隔开即可。
查看全部 -
文字显示省略号: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
查看全部 -
别人的代码,拿来参考
查看全部 -
第一个参数省略时,默认为“180deg”,等同于“to bottom”。
第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。
background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
查看全部 -
color:rgba(R,G,B,A)
R、G、B三个参数,正整数值的取值范围为:0 - 255
A为透明度参数,取值在0~1之间,不可为负值
查看全部 -
图片边框:
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg)70 stretch;
border-image:url(xx.jpg) 切割图片的宽度 图片延伸方式;
1.70表示70px,省略px,否则报错;
2.图片延伸方式:round平铺,repeat重复,stretch拉伸
round(平铺):可理解为圆满的平铺,为了实现圆满所以会压缩/拉伸;
repeat(重复):一直重复,超出部分剪裁掉,而且是居中开始重复;
查看全部 -
实现文字溢出显示省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
查看全部 -
.clearfix:before, .clearfix:after { content:””; display:table; } .clearfix:after { clear:both; overflow:hidden; }查看全部
-
清除浮动: .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}查看全部
-
在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。
前缀
浏览器
-webkit
chrome和safari
-moz
firefox
-ms
IE
-o
opera
查看全部 -
skew 扭曲
查看全部 -
z-index//正数在上,负数在下。eg滚动条
css2为单冒号。css3为双冒号
::before,::after与content一起用
查看全部 -
firefox ::-moz-selection
其它 ::selection
查看全部
举报