-
background-size:cover|contain cover:如果背景为图片,则把照片等比例放大,直到充满整个容器。照片可能会有部分超出容器,则超过部分不显示; contain:如果背景为图片,则把照片等比例放大,当触碰到容器的第三边时,停止放大,结果照片能在容器内完整显示,容器可能与照片尺寸比例不符,此时容器有部分是空的查看全部
-
:inset 可以写在参数的第一个或最后一个,其它位置是无效的。查看全部
-
<!doctype html> <html> <head> <meta charset="utf-8"> <style> .1{} .2{} .3{} </style> </head> <body> <div class="1"></div> <div class="2"></div> <div class="3"></div> </body> </html> css基本结构查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
border-radius是向元素添加圆角边框。查看全部
-
text-shadow与box-shadow 的描述有共同之处,一起记忆比较方便查看全部
-
直接使用text-overflow:ellipsis,就可以达到这个效果,但是为什么还要加上overflow与white-space呢,仍然没有怎么搞懂情况。查看全部
-
border-radius圆角 单位可以是px,百分比,还可以是em border-radius:5px 4px 3px 2px表示按照顺时针依次加圆角查看全部
-
border-radius圆角查看全部
-
background-origin : border-box | padding-box | content-box; 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。查看全部
-
text-shadow: X-Offset Y-Offset blur color; 比如,我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果查看全部
-
代码画图查看全部
-
matrix(a,b,c,d,e,f)矩阵 a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置查看全部
-
:root{ background:颜色值; } :root 选择器等同于<html>元素,简单点说: :root{ background:orange} html{ background:orange;}查看全部
举报
0/150
提交
取消