-
以左下角为基准点查看全部
-
X方向向为正，Y方向向为正查看全部
-
变形--矩阵 matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置查看全部
-
CSS3 结构性伪类选择器—empty :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。 HTML代码： <p>我是一个段落</p> <p> </p> <p></p> CSS代码： p{ background: orange; min-height: 30px; } p:empty { display: none; }查看全部
-
CSS3 结构性伪类选择器—not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 input:not([type="submit"]){ border:1px solid red; }查看全部
-
CSS3 结构性伪类选择器—root :root选择器(根选择器)在HTML文档中，根元素始终是<html>。 :root{background:orange} html {background:orange;} 得到的效果等同。查看全部
-
::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。查看全部
-
CSS3选择器 属性选择器 html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; }//属性值开头的任何字符 a[href$=pdf]{ background: orange; color: #fff; }//属性值结尾的任何字符 a[title*=more]{ background: blue; color: #fff; }//属性值任意位置包含的字符查看全部
-
/*使用伪元素制作导航列表项分隔线*/ .nav li:before{ content:""; color:#666; position:absolute; top:18px; height:20px; left:-1px; width:1px; background-image:linear-gradient(to bottom,#f65f57,#993333,#f65f57); } /*删除第一项和最后一项导航分隔线*/ .nav li:first-child::before{ background-image:none; }查看全部
-
box-shadow是向盒子添加阴影。支持添加一个或者多个.语法：box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];其中偏移量是必须要有的额，其他的可省略。最后的投影方式省略为外阴影，不省略只能在最后或者参数的第一个写上inset内阴影。 在进行多个阴影的时候，偏移量尽量不要重合，这样颜色浅的就会被遮盖上查看全部
-
boder-radius是向元素添加圆角边框的，四个半径值是顺时针排序的查看全部
-
/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:18px; width:1px; background:linear-gradient(to bottom,orange,black,orange); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ width:0px; height:0px; }查看全部
-
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
background-image:linear-gradient(to top left,red,orange,yellow,green,blue); 渐变背景查看全部
举报
0/150
提交
取消