CSS预处理器 HTML

CSS预处理器

随着前端技术的发展,CSS也在发生着些许改变。由于CSS本身的一些局限性,没法像编程语言那样使用变量、条件语句等进行编程化编写。因此,就有人开始思考能不能给CSS加入一些编程元素,让C...
阅读全文
input元素的readonly属性问题 HTML

input元素的readonly属性问题

随着HTML5时代的到来,越来越多的人开始投身于移动端的开发当中。这也使得web前端开发的供求关系发生着微妙变化。作为移动端开发的人,总是要和手机生产厂商做斗争。原因无它,每家手机厂商...
阅读全文
清除浮动的方法 HTML

清除浮动的方法

在弹性布局还没有出现之前,元素浮动是我们经常用到的一种布局方式。因为浮动可以让元素脱离文档流,基于这个特性,我们可以制作出一些个性化的布局。 万物都具有两面性,浮动的好处的是使元素脱离...
阅读全文
自适应页面的方形元素 HTML

自适应页面的方形元素

有时我们会遇到这样的需求,制作一个自适应页面的方形元素,这时我们就要借助百分比进行布局了。如果我们在布局的过程中不做处理采用常规的布局,往往得到的结果并不是我们想要的。原因在于:高度的...
阅读全文
常见兼容性问题 HTML

常见兼容性问题

在WIN XP系统还占据着国内大部分市场时,很多公司为了获得这部分“古董级”用户,要求前端开发人员兼容那些让人头疼的IE6、7浏览器,也正因为这样,很多优雅的样式在这些浏览器上得不到很...
阅读全文
详解CSS3弹性盒模型 HTML

详解CSS3弹性盒模型

弹性盒模型是CSS3规范中提出的一种新的布局方式。弹性盒模型的目的是提供一种更加高效、简洁的方式来对容器中的元素进行布局、对齐和分配富余空间,即使它们的大小是未知或者动态变化的。利用弹...
阅读全文
强大的CSS选择器 HTML

强大的CSS选择器

选择器可以说是CSS的核心。从最初的通配符*、元素、id、class选择器,过渡到伪元素以及CSS3中提供的丰富的伪类、属性选择器,让我们在选取网页中的元素变得越发的简便、快捷。 平时...
阅读全文
CSS3实现全站黑白效果 HTML

CSS3实现全站黑白效果

2008年5月12日(星期一)14时28分04秒,一场突如其来的大地震撼动了整个中国,一时间震中城市汶川成为了重灾区。 5·12汶川地震是中华人民共和国成立以来破坏力最大的地震,也是唐...
阅读全文
如何优化CSS样式重置 HTML

如何优化CSS样式重置

说到样式重置,不得不提一个符号——星号(*|专业称呼叫“通配符”)。为什么要提到通配符,因为这个符号的作用是巨大的,它代表了HTML里面任意一个标签。也正因为这样,很多人喜欢用通配符做...
阅读全文