摘要：demo 前言 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。 滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-th
阅读全文
posted @ 2017-11-28 11:26
随笔分类 - css
摘要：小三角 .arrow-right align-items flex-end background-color $global-main-background &:after content '\00a0' display inline-block border 2px solid #333 bord
阅读全文
posted @ 2017-11-27 18:04
摘要：一款好用的富文本编辑器：https://summernote.org/deep-dive/#basic-api 支持多个框架，本次使用框架：meteor ui：是一个bootstrapui，主题有参数可以设置 亮点： 1.支持图片 视频上传，base64位解析 2.可以拖动图片上传，可以对上传图片进
阅读全文
posted @ 2017-10-19 11:52
摘要：1 input[type='radio'] 2 //width 16px 3 //height 16px 4 display none 5 //input[type='radio']:chcked 6 // backgound ...
阅读全文
posted @ 2017-09-08 11:27
摘要：有这么一个webkit的私有属性： -webkit-appearance:none; /*去除input默认样式*/ 添加该样式，并且值为'none'时即可取消浏览器对于控件的默认样式。 另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式，比如： <span style="
阅读全文
posted @ 2017-03-21 15:37
摘要：::-webkit-scrollbar { width: 10px;}::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}::-webkit-scrollbar-thumb { backgrou
阅读全文
posted @ 2016-12-05 19:16
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 20p
阅读全文
posted @ 2016-11-18 18:27
摘要：早上来了听一同事说stylus如何才能编译成css文件，瞬时间有点蒙，一听感觉和less是差不多的功能，随着就上网去查，然后发现这个文章，介绍了这三种sass/less/stylus的安装和语法，贴在这里有需要的就看看， http://caibaojian.com/sass-less-stylus.
阅读全文
posted @ 2016-11-04 11:06
摘要：https://segmentfault.com/a/1190000006808616
阅读全文
posted @ 2016-10-25 11:09
摘要：说起倒影效果，在传统网页中，我们只能使用photoshop进行事先将倒影设计好，然后导入到网页中，这样不但耗费资源，也阻碍了开发的效率。而 css3新增了Reflections板块，css Reflections允许css设计倒影。 目前， css Reflections仅获得webkit引擎的支持
阅读全文
posted @ 2016-09-27 17:13
摘要：Checkbox复选框是一个可能每一个网站都在使用的HTML元素，但大多数人并不给它们设置样式，所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式，甚至可以让它看起来一点也不像复选框。 在本教程中，我们将创建5个不同的选择框，你可以在你的网站上使用它。
阅读全文
posted @ 2016-09-10 11:42
摘要：转发自0101后花园 CSS3中的动画功能分为Transitions和Animations功能，这两种功能都可以通过改变CSS中的属性值来产生动画效果。 一.Transitions 语法：transitions: property duration timing-function property:
阅读全文
posted @ 2016-04-08 09:29
摘要：附上链接：：：http://ms.csdn.net/geek/62646
阅读全文
posted @ 2016-03-23 10:40
摘要：http://blog.jobbole.com/46574/
阅读全文
posted @ 2016-03-18 14:52
摘要：一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱
阅读全文
posted @ 2016-02-25 19:10
摘要：今天偶然发现了一个css3制作动画的地方，发现css3的径向渐变好难理解，幸亏有这里的大神介绍http://www.daqianduan.com/5989.html，这是优惠券的介绍还有这个http://blog.csdn.net/playboyanta123/article/details/930...
阅读全文
posted @ 2016-01-20 21:06
摘要：1.** { margin: 0; padding: 0; } 星号选择器用于选取页面中的所有元素，可用于快速清除所有元素的margin与padding，但最好只在测试的时候使用，而不要正式用在 CSS 文件中，否则会大大加重浏览器负担。此外，星号选择器也可以给父层的所有子元素设定样式，重复一遍，...
阅读全文
posted @ 2016-01-06 18:13
浙公网安备 33010602011771号