随笔分类 - CSS

摘要：box-sizing属性值有两个：content-box（default），border-box。 content-box：border和padding不计算入width\height之内 border-box：border和padding计算入width\height之内 HTML：效果，请用C 阅读全文

posted @ 2018-12-03 09:25 KenNgai 阅读(149) 评论(0) 推荐(0) 编辑

支付宝电脑在线支付一（静态页面）

摘要：下面是实现的效果图，本文摘只讲支付宝的页面实现。收银台下方默认显示支付宝的收款码。用户也可以点击[立即支付]跳转到支付宝的收银台进行支付。本页面是基于bootstrap实现的，会用到部分bootstrap的结构。 1.HTML部分 2.CSS部分 3.JS部分代码很简单，没什么好说的，都有注释。阅读全文

posted @ 2018-10-31 15:22 KenNgai 阅读(5019) 评论(0) 推荐(0) 编辑

DIV垂直居中对齐

摘要：效果图： CSS: HTML: 阅读全文

posted @ 2017-11-16 18:31 KenNgai 阅读(261) 评论(0) 推荐(0) 编辑

CSS3一个酷炫的加载效果

摘要：上效果图，用截屏工具制作的，看起来有点卡，在网页上面显示还是不错的。 CSS代码： HTML：阅读全文

posted @ 2017-06-27 09:31 KenNgai 阅读(718) 评论(0) 推荐(0) 编辑

网页瀑布流布局插件Masonry

摘要：CSS3有实现类似瀑布流布局的属性column，但是遗憾的是这种布局是纵向布局而不支持横向布局。所以比较合适用于文字多列布局。调用JQuery WaterFall布局插件：http://masonry.desandro.com/HTML其中要定义一个容器： ... ... ... ...用J... 阅读全文

posted @ 2015-05-21 15:20 KenNgai 阅读(417) 评论(0) 推荐(0) 编辑

CSS3之border-image

摘要：先上效果图，类似于IPHONE手机左上角的返回按钮样式，如果是在CSS2那么就要做一张背景图片扩展就没那么灵活了，CSS3内就不需要了，CSS3样式挺强大方便的。源图片：样式:.banner { background: #2b3133; text-align: center; fo... 阅读全文

posted @ 2015-04-22 13:48 KenNgai 阅读(240) 评论(0) 推荐(0) 编辑

网页开发中常用到的Firefox附加组件

摘要：在网页开发过程中，用些不错的浏览器附加组件可以提高我们的调试及开发效率。接下来我就介绍几个我在实际工作过程中用到的FireFox附加组件，我就在这里抛砖引玉，欢迎朋友们拍砖。1）FireBug 首当其冲的应该非FireBug莫属。调试HTML、CSS、JAVASCRIPT。可以随意更改DOM模型、CSS，即刻在页面中表现出来。在脚本中可以设置断点单步或者逐过程的进行调试。以及AJAX发送请求回来的数据都可以在控件台中体现出来。截个图如下： Chrome也有FIRBUG插件，除此之外还有一个叫Stylebot插件。在Chrome商店中可以找到安装完成后右键页面元素可调出面板如下图：2)YSLO. 阅读全文

posted @ 2012-03-16 14:18 KenNgai 阅读(2756) 评论(0) 推荐(0) 编辑