小鬼头没有牙

作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候

新的单位：`vw`、`vh`兼容：IE9及以上，IOS 6.1+ ，安卓4.4+ 这两个单位都是根据视口屏幕来进行计算的，所以PC的时候，要注意滚动条哦~

平时开发的时候，我们遇到加载，要么是UI框架中自带，要么就是百度，然后CV到项目中？但是，自己实现的时候，又会没有思路。久而久之，变成了CV工程师。本文针对不同的加载方式，讲解实现思路。

前言 澄清一个事实：本系列涉及到的加载均为收集所得，非本笔者所实现，本文只做 CSS 解析。不喜勿喷！！！。 喜欢的求个免费的赞 为什么会写这种文章呢？平时开发的时候，我们遇到加载，要么是 UI 框架

1. 浏览器渲染原理 步骤： 根据HTML构建HTML树 (DOM) 根据CSS构建 CSS树 (CSSOM) 将两棵树合并成一颗渲染树 (render tree) Layout布局(文档流、盒模型、

修改input placeholder样式、多行文本溢出、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。本文介绍了CSS中BFC的含义、如何触发BFC、以及可以利用BFC解决哪些问题。

一、简介 Grid网格布局 (下面都简称为 Grid布局)，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。CSS 一直以来并没有把布局做的足够好。刚开始，我们使用 table ，后