css3渐变分为线性渐变(linear-gradient)和径向渐变(radial-gradient)。下面简单介绍下linear-gradient的应用。 以下都是在webkit内核浏览器下进行测试,firefox和opera只需更改下前缀即可,IE下则有特定的滤镜来实现。 以上就是基本语法。先看 ...
分类:
Web程序 时间:
2017-01-31 20:56:48
阅读次数:
544
关键技术点和原理: 原理就是把 checkbox或 radio 给隐藏掉 ,然后给选框 绑定一个label标签。 然后用label标签作为容器,在里面放一个:before或一个after 用before模拟选框的框,用after来模拟选框的填充 通过 来确定是否选中复选框,如果checked就把af ...
分类:
Web程序 时间:
2017-01-28 21:18:16
阅读次数:
314
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2017-01-26 14:02:28
阅读次数:
234
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2017-01-26 00:07:58
阅读次数:
364
大都知道border属性有四个参数,那么border-radius必然也是有四个参数 我们知道border属性的四个参数分别是border-top,border-right,border-bottom,border-left.(按顺时针方向) 那么border-radius四个参数是什么了? bor ...
分类:
其他好文 时间:
2017-01-19 23:01:01
阅读次数:
242
来自: http://www.cnblogs.com/tugenhua0707/p/5180841.html H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结 回到顶 ...
分类:
移动开发 时间:
2017-01-19 18:09:07
阅读次数:
329
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2017-01-11 08:04:42
阅读次数:
318
1 border-radius 私有前缀 浏览器个把年前就把私有前缀给去掉了,现在完全没必要还傻傻使用-webkit-border-radius, -moz-border-radius 2 border-radius百分比值 是相对于元素占据尺寸的百分比(类似jQuery outerWidth()/ ...
分类:
其他好文 时间:
2017-01-10 17:28:20
阅读次数:
114
某项目上有一台华三的交换机,46口接到一个网络、49口接到另一个网络,这两个口不能同时是up状态,只能是一个是up,另一个是down的。我查看了配置,没有问题;再查看交换机信息,知道46口是电口,49口是光口。经过各种查找,看到了一条信息,有些交换机的光口和电口在物理是一..
分类:
其他好文 时间:
2017-01-10 15:18:35
阅读次数:
210
QT开发(六十五)——QT样式表编程实例一、QComboBox组合框样式定制1、基本定义QComboBox
{
border:1pxsolidgray;
border-radius:3px;
padding:1px2px1px2px;#针对于组合框中的文本内容
min-width:9em;#组合框的最小宽度
}
QComboBox::drop-down
{
subcontrol-origin:padding;
..
分类:
其他好文 时间:
2017-01-10 15:13:19
阅读次数:
927