弹性布局是新一代的布局方式，传统布局中使用浮动布局会给我们带来不少弊端，如CSS代码高度依赖于HTML代码结构等等，下面我将用几个例子让大家快速学会弹性布局。 PS：弹性布局适用于较简单的场景，过于复杂的场景可以尝试着使用CSS3的Grid布局，弹性布局在PC端中还存在兼容性问…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第19天，点击查看活动详情。 1、display的值及作用 block 转换成块状元素。 inline 转换成行内元素。 none 设

本文由 D 姐根据 Shay Howe 的《An Adavnced Guide to HTML & CSS》第四课《Responsive Web Design》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://learn.shayhowe.com/advanced-html-css/responsive-web-design，以及作者相关信息 作者：Shay Howe

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

设备像素(又叫物理像素) 由一个个发光的点组成，通过控制每个点的颜色，屏幕就会显示不同的颜色； 屏幕上有多少个点就用分辨率表示；屏幕从出厂开始，点的数量就固定了； 比如：华为mate40 的分辨率为2

-->

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

前端开发肯定都接触过伪类（pseudo class） 和伪元素（pseudo element） ，但是这两个概念特别容易搞混，不要怕，今天就带领大家攻克这个技术难点。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 1️⃣前言 今天的笔记是： CSS概述、基础选择器（包括标签选择器、类选择器、id选择器和通配符选择器）