-
/*使用伪元素制作导航列表项分隔线*/
.nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;}
查看全部 -
内部元素span要转为块状元素才能旋转
查看全部 -
“:root”选择器等同于<html>元素，简单点说：
:root{background:orange}html {background:orange;}得到的效果等同。
建议使用:root方法。
查看全部 -
通配符,^以什么字符开头，$以什么结尾，*任意字符，不一定是只有class加^，href加$，title加*，其他属性也可以加这些
查看全部 -
::selection用法是在鼠标选择的时候使用
查看全部 -
要设置absolute的话，需要设置父元素为relative
查看全部 -
nth-child(5)第五个元素，nth-child(2n+1)奇数项，nth-last-child(5)倒数第5个
查看全部 -
模糊选择器"="前后不能有空格
查看全部 -
需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。
查看全部 -
text-shadow可以用来设置文本的阴影效果。
语法：
text-shadow: X-Offset Y-Offset blur color;
X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移；
Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移；
Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0；
Color：是指阴影的颜色，其可以使用rgba色。
查看全部 -
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。
语法：
@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部 -
实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下：
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
查看全部 -
查看全部 -
<table cellpadding="0" cellspacing="0" width="302"><tbody><tr class="firstRow"><td width="151" height="50"><p ><span>前缀</span></p></td><td width="151" height="50"><p ><span>浏览器</span></p></td></tr><tr><td width="151" height="38"><p >-webkit</p></td><td width="151" height="38"><p >chrome和safari</p></td></tr><tr><td width="151" height="37"><p >-moz</p></td><td width="151" height="37"><p >firefox</p></td></tr><tr><td width="151" height="37"><p >-ms</p></td><td width="151" height="37"><p >IE</p></td></tr><tr><td width="151" height="47"><p >-o</p></td><td width="151" height="47"><p >opera</p></td></tr></tbody></table>查看全部
-
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
查看全部
举报