分类:经验/技巧

请正确声明你CSS中的@charset “utf-8”

请正确声明你CSS中的@charset “utf-8”
很多人在样式的时候会定义@charset “utf-8”;也有人不去定义,这个属性的作用其实是为了强制声明你的CSS文档类型属性,正确的使用它会让你的文档类型锁定成你想要的,但是往往很...

2年前 (2016-05-08) 388℃ 评论 () 184喜欢

clearfix 清除浮动进化史

clearfix 清除浮动进化史
我想大家在写CSS的时候应该都对清除浮动的用法深有体会,今天我们就还讨论下clearfix的进化史吧。clearfix清除浮动首先在很多很多年以前我们常用的清除浮动是这样的。.clear{...

2年前 (2016-05-08) 971℃ 评论 () 409喜欢

不起眼的 z-index 却能牵扯出这么大的学问

不起眼的 z-index 却能牵扯出这么大的学问
z-index在日常开发中算是一个比较常用的样式,一般理解就是设置标签在z轴先后顺序,z-index值大的显示在最前面,小的则会被遮挡,是的,z-index的实际作用就是这样。但是你真的了解z-...

2年前 (2016-05-08) 910℃ 评论 () 409喜欢

利用CSS3制作无缝滚动

利用CSS3制作无缝滚动
不依赖任何脚本,利用CSS3制作出一个无缝滚动的动画效果,实现原理非常简单,下面咱就一起看看演示地址第一步:先创建个HTML结构:<div class="pic_list"> <ul> <li><a href...

2年前 (2016-05-07) 2570℃ 评论 () 368喜欢

20个很有用的CSS技巧

20个很有用的CSS技巧
下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。1. 黑白图像这段代码会让你的...

2年前 (2016-04-27) 936℃ 评论 () 331喜欢

CSS box-shadow属性和drop-shadow过滤器的比较

CSS box-shadow属性和drop-shadow过滤器的比较
关于CSS box-shadow 属性和 drop-shadow 过滤器之间的差异与优劣的话题已经不是新鲜事了,box-shadow属性出现得比较早,它被现代浏览器广泛支持。而drop-shadow是从SVG中引入CS...

2年前 (2016-04-24) 851℃ 评论 () 425喜欢

关于提高浏览器渲染页面速度的建议

关于提高浏览器渲染页面速度的建议
怎样尽可能的缩短浏览器上页面渲染的时间,文章从以下几方面着手:写出高效的css代码避免使用css表达式把css文件放在页面顶部指定页面图片的尺寸页面头部标明文档编码一、写出...

2年前 (2016-04-17) 737℃ 评论 () 367喜欢

常见的浏览器兼容性问题与解决方案

常见的浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或...

2年前 (2016-04-16) 1075℃ 评论 () 435喜欢

移动端web字体

移动端web字体
一、手机系统默认字体1、ios 系统(1)、默认中文字体是Heiti SC(2)、默认英文字体是Helvetica(3)、默认数字字体是HelveticaNeue(4)、无微软雅黑字体 2、android 系统(1)、默...

2年前 (2016-04-04) 1055℃ 评论 () 366喜欢

如何考评一名前端工程师?

如何考评一名前端工程师?
本文标题的命名方式参考了芋头所写的《如何面试一名前端开发工程师?》。「考评」是「面试」的子集,是一个很重要的环节,如果谁打算做「前端工程师面试合集」的话,记得把我这篇文...

2年前 (2016-04-02) 981℃ 评论 () 346喜欢

响应式互联网设计

响应式互联网设计
“在印刷媒体中设计师拥有一种熟悉的掌控感,从而常常渴望在互联网上也能同样地掌控全局。然而这种掌控其实只是实体印刷页面本身固有的一种局限而已。互联网恰恰没有这种局...

2年前 (2016-03-13) 691℃ 评论 () 233喜欢

我是如何打败拖延症的

我是如何打败拖延症的
关于拖延症的话题我在Hacker News上不断的看到有人提出来(你也读了,不是吗?),感觉有必要将我是如何跟拖延症做斗争的方法分享给大家。然而,我这里说的主要是针对程序员/美工,但其实...

2年前 (2016-03-10) 773℃ 评论 () 260喜欢

关于img标签周围留白的问题

关于img标签周围留白的问题
在进行页面的DIV CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即,设置img为“disp...

2年前 (2016-03-07) 353℃ 评论 () 251喜欢

下拉 JQuery 固定导航

下拉 JQuery 固定导航
有很多同学喜欢把导航定在头部,但并不是一开始就定在哪里,需要往下拉一定距离才执行,下面写了一个简单的方法:需求是滚动条往下拉300像素时导航固定,看一下demo的演示地址演示地...

2年前 (2016-02-02) 282℃ 评论 () 116喜欢

WebStorm快捷键操作大全

WebStorm快捷键操作大全
小编很贴心,已经把汉化的中文版 webstorm 准备好了,这个工具功能很强大,很好用,现把它的一些常用的快捷键列出来,供使用者参考:...

2年前 (2016-02-01) 737℃ 评论 () 140喜欢

大势所趋,安息吧,万恶的IE!一个时代的终结

大势所趋,安息吧,万恶的IE!一个时代的终结
自古以来,顺势则生,逆势则亡的道理,已被无数次地证明。历史是无情的,也是公正的,他在给前人教训的同时,也在给后人无限的警示。哪怕是微软,也无法逃脱这样的命运。要让一个软件死亡...

2年前 (2016-01-15) 266℃ 评论 () 120喜欢

移动端web app自适应布局探索与总结

移动端web app自适应布局探索与总结
在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字体大小、图标宽高。
...

2年前 (2015-12-23) 1372℃ 评论 () 217喜欢

关于软件的生命周期

关于软件的生命周期
第一次听说生命周期这个概念还是在一次面试中,面试官让我说说一个框架的生命周期,然后。。。然后。。。面试就结束了好吧,回到正题,生命周期是什么,百度百科上面搜一下生命周期、软件生命周期 很多描述。我所理解的生命周期就是一个事物的核心流程,例如:...

2年前 (2015-12-06) 108℃ 评论 () 102喜欢

黄金比例在设计中的运用

黄金比例在设计中的运用
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上 是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计 作品的呢?什么是黄金比例?


...

2年前 (2015-12-02) 401℃ 评论 () 93喜欢