什么是字号大小？字号大小就是字体的高度，例如设置字号为50px，那么它的高度如下图所示： 什么是行距呢？如下图所示： 其中半行距 = (lineHeight – fontSize) / 2。 但是实际上，—font-size经常不等于渲染的高度，如下图所示： 对于笔者用的Pro…

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …

也许你天天都在写color: #xxx，但是，你是否还记得什么是color？你是不是第一反应：字体颜色。 如果是，很遗憾，color就是被你遗忘的CSS。 如果是，你是否曾想过，字体大小叫font-size，字体粗细叫font-weight，字体类型叫font-family………

本文主要针对初学移动端web开发的读者，笔者也是初学者，文中有众多用词不当之处望读者指正。 从开始做web app开发到现在，一直对移动端的尺寸适配有一种模糊的概念。能说得上来‘媒体查询’，‘栅格化布局’，‘流式布局’等若干技术名词和实现方式，但是每次自己做web app开发的…

使用技巧会让人变的越来越懒，没错，我就是想让你变懒。下面是我收集的CSS高级技巧，希望你懒出境界。 这样代码就干净，易读，易于理解了。 你不需要分别添加 line-height 到每个p,h标记等。只要添加到 body 即可： 这样文本元素就可以很容易地从 body 继承。 看…

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。

（点击上方公众号，可快速关注） 本文来自（作者蔡剑涛）的投稿 https://mp.weixin.qq.com/s/-LcNZWFFty2lWuND6uuNNA 1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在公…

像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 * 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率…