-
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());查看全部
-
repeat前的数表示的是图标的重复次数,10表示的是上下两条边的重复次数,30表示的是左右两条边的重复次数。查看全部
-
阴影第二级查看全部
-
阴影的三种写法查看全部
-
此处的 6px是阴影的模糊半径,若想表示阴影的扩展半径,则应该写成:-4px 4px 0 6px,第三个值固定是模糊半径,第四个值固定为扩展半径。查看全部
-
+ 号是css相邻选择符查看全部
-
skew(): 逆时针转是正数,顺时针转则为负数查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放; 3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上; 4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器; 5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。 提示:大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。查看全部
-
参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。查看全部
-
用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box | padding-box | content-box | no-clip查看全部
-
text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法: color:rgba(R,G,B,A)查看全部
-
border-radius加圆角,box-shadow加立体效果; ::before ::after配合content加新元素; background: linear-gradient加线性分割; first-child,last-child{background:none}去掉不想要的 font:bold(字体样式) left/top(字体相对容器的位置) Arial(字体);查看全部
-
X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
举报
0/150
提交
取消