-
div:empty{
border: 1px solid green;
}
没有任何元素的div 进行选择
给空的div 添加一个1px绿色实线边框
查看全部 -
input:not([type="submit"]){ border:1px solid red; }除了input类型为submit的框，其他的框都是边框为1px 红色的实线
查看全部 -
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)
linear-gradient渐变的类型(to bottom渐变的方向,#fff,#999颜色的起始点和结束点，可以多个，用逗号隔开)
linear-gradient线性渐变，radial径向渐变；to top从下向上（0deg），to right从左向右(90deg)，to bottom从上向下(180deg)，to left从右向左(270deg)，to top left右下角到左上角，to top right左下角到右上角；
查看全部 -
RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。
语法：color:rgba(R,G,B,A)
查看全部 -
border-image（为边框应用图片）的语法：
border-image:url(图片路径) 70 70 70 70（切割图片的宽度，遵循顺时针的规律来设置） repeat（图片的延伸方式，分别为：round平铺，repeat重复，stretch拉伸）
查看全部 -
1、阴影模糊半径与阴影扩展半径的区别
阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；
阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；
2、X轴偏移量和Y轴偏移量值可以设置为负数
查看全部 -
box-shadow是向盒子添加阴影。支持添加一个或者多个
box-shadow:x轴偏移量（必选） y轴偏移量（必选） [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]（有inset时为内部阴影方式，省略默认外部阴影方式）
注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的
查看全部 -
border-radius圆角效果
查看全部 -
text-shadow:1px 1px 1px #ccc文本的阴影属性
查看全部 -
/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"";
position:absolute;
right:0px;
top:20px;
height:15px;
width:1px;
background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87);
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{
width:0px;
height:0px;
}
查看全部 -
/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"";
position:absolute;
right:0px;
top:20px;
查看全部 -
第一个时间的值为 transition-duration，第二个为transition-delay。
查看全部 -
text-ov white-space:nowrap
;
查看全部 -
meta标签
查看全部 -
::before和::after主要用来清除浮动，添加阴影效果。
查看全部
举报