-
<table><tbody><tr class="firstRow"><td><p>前缀</p></td><td><p>浏览器</p></td></tr><tr><td><p>-webkit</p></td><td><p>chrome和safari</p></td></tr><tr><td><p>-moz</p></td><td><p>firefox</p></td></tr><tr><td><p>-ms</p></td><td><p>IE</p></td></tr><tr><td><p>-o</p></td><td><p>opera</p></td></tr></tbody></table><p><br /></p>查看全部
-
1、阴影模糊半径与阴影扩展半径的区别
阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；
阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；
2、X轴偏移量和Y轴偏移量值可以设置为负数
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
查看全部 -
选择某个父元素下的某个指定元素的第一个元素，譬如
.wrapper > div:first-of-type
wrapper 父元素 > div元素> 的第一个子元素
查看全部 -
“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。
这里是是从父元素最后一个子元素开始计算（重点）
查看全部 -
:nth-child(n) 指定某一个或者多个元素，可以是表达式
查看全部 -
：last-child
选择父级 元素的 最后一个子元素
查看全部 -
:first-child
选择父元素的 第一个子元素
查看全部 -
点击之后显示 样式，
查看全部 -
div:not([id="footer"]){
background: orange;
}
元素:not([id=footer]){ 样式}
反选选择器
查看全部 -
a[class^="column"]{background:red;} a[href$="doc"]{background:green;} a[title*="box"]{background:blue;}简单，简单，方便，哈哈。。。。不错；
查看全部 -
a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }CSS 神器，真心好用，解决了很多不必要的 类名以及ID
查看全部 -
background-size: auto | <长度值> | <百分比> | cover | contain
裁剪图片
background-size: cover;（铺满整个容器）
background-size: auto;（自动）
background-size: auto;（自动）
background-size: contain;（百分百）
查看全部 -
background-origin ： border-box | padding-box | content-box;
背景 没什么卵用
查看全部 -
text-shadow: 2px 2px 0 pink;
文本阴影设置，
查看全部 -
text-overflow:ellipsis; overflow:hidden;
溢出隐藏文本内容，以省略号显示
查看全部
举报
0/150
提交
取消