多边框 同心圆

纯css 制作多边框效果,画同心园 Box-shadow常被遗忘的一个参数——“spread” 【查看全文】

给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-sizing 【查看全文】

ie6.0横向margin加倍;ie6.0下默认有行高;一个父标签与几个子标签嵌套,父标签不浮动,子标签float,子标签不撑开父的高度;Ie6下,不识别最大宽、高度和最小宽高度,意即min-width/height和 Max-width/height在ie6中没效果 【查看全文】

在移动web兴起的年代,速度优化重新被大家重视起来,因为手机的网络环境和性能比PC端差了很多,估计大家也能感觉到用手机打开网页的时候,能明显感觉到页面蜗牛般的速度。 【查看全文】

HTML 陈列,登录方式,垂直菜单,甚至时下最流行的主题:扁平化设计(扁平化图像,扁平化按钮形状,扁平化用户界面要素 【查看全文】

处理网页图片最常见的10个错误及其解决方案

对于任何一个现代网站来说图片都是最重要的部分。当前,据统计图片已经占到网站总带宽的60%。在处理前沿网站设计时更加明显。在一个图像丰富的社交网站上使用类图钉的布局,这个数字能高达85%。 【查看全文】

CSS画各种图型(1) —— 纯CSS画三角型

用CSS来画角型,更确切的说是用 border来画的,最好是设置为块状元素(个人意见),将其宽度高度设置为0,然后利用四个边框来制作CSS,基本样式如下 【查看全文】

网页上的摄影展:等高响应布局实现

这个布局的优势显而易见:整齐又多变,规则又繁杂,用最纯粹的方式展现图片的魅力 【查看全文】

Bootstrap相关开源项目推荐

Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。Bootstrap相关开源项目推荐:这些项目或者是对Bootstrap进行了有益的补充,或者是基于Bootstrap的 【查看全文】

响应式Web设计不仅能够适用于任何屏幕尺寸,还为用户带来更完美的体验,本文将分享十款最佳的响应式Web设计,助你大大简化工作流程。 【查看全文】

CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。 【查看全文】

加载中,请稍后...