CSS 中的字体兼容写法

CSS 中的字体兼容写法
本文讲了一些比较常见的CSS字体兼容方案,帮助我们理解不同平台不同字体应该怎么使用,小编觉得文章挺有用的,分享给大家。

CSS粘住固定底部的5种方法

CSS粘住固定底部的5种方法
本文主要介绍一个div元素如何紧靠固定底部,使其无论内容多或者少,底部元素始终紧靠固定在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住固定浏览器底部。

CSS3背景图片百分比及应用

CSS3背景图片百分比及应用
任何CSS属性值为percent时,都需要根据某个参考值进行计算,搞明白这个参考值是什么,理解就容易多了。标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).

CSS基础知识

CSS基础知识
本文从几个方面讲了CSS的一些基础知识,包括CSS语法、CSS注释、CSS选择器、盒模型、布局和缩写等,帮你快速的过了一篇CSS的内容。

一条边框与background的思考

一条边框与background的思考
@doyoe 大神写的一篇新文章:background系列之无处不在的妙趣,给了一些新的思路和惊喜。我比较赞成第二种,使用伪元素来做,兼容性较好。第三种使用background渐变给我一亮,第四种改善background-origin很少见 ...

20个很有用的CSS技巧

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

CSS图标文字对齐和表单输入框文字对齐兼容

张鑫旭的一篇文章,讲到20像素图标对齐和表单元素40像素对齐有所收获,谢谢@张鑫旭 ,很多观点跟平时的处理方式不谋而合,一般来说,我处理图标如果临近的话都会使用同样宽高,然后使用inline-block比较多,表单输入框和按钮以line-h ...

div设置高度铺满100%

在做移动端时,需要将某个背景放到最底部,使用绝对定位方法来定义某个背景层放在最底部,然而有些页面并没有全部铺满,这时候就会发现最底部的背景没有贴底部。显然不符合要求,可以通过js调整div为网页的高度,有没有可以用css搞定的呢?来看看我的做法:

Web移动端Fixed布局的解决方案

Web移动端Fixed布局的解决方案
导语:以下的方案仅限于在使用fixed布局里面有输入框的情况。 in iOS Safari 5-7, position:fixed will move to center of window with focus event on chil ...

css中input与button高度不一致的原因及解决方法

【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部(button的高度包含边框的高度,而文本框text则不包含边框高度。 ...