style和link多有一个media属性，默认是screen值，我们可以这样赋值：media="screen and (max-width: 1000px)";当屏幕的宽度小于1000像素时，此段样式生效。 media常见的属性还有print,只有在打印或者打印预览的时候样式…

Grid-layout不是为了取代flex-layout，它是flex的补充。grid擅长二维布局，flex擅长一维布局。他们需要各司其职。 千呼万唤始出来的grid-layout终于在2017年3月开始支持得到了部分浏览器的支持。 flex并不能满足我们对于页面整体布局的需求…

到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好…

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，…

本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级…

在过去一年里，我们对近 11000 篇 CSS3 的文章进行了整理，同时从中挑选出可以帮助你规划 2017 年 web 事业发展前十的内容（0.09% 的概率）。 这份 CSS 列表包含了各种话题，例如：REM，架构，网格，Element Querise，display，Background 属性，position，伪类，动画等。JavaScript 和 Web 开发的清单会分开发布。 原文地址https://medium.mybridge.co/css-top-10-articles-for-the-past-year-v-2017-e5f4a1ee30f8#.7uc64qv1e

你可以使用一个不常见，但是非常重要的 CSS 属性来使文字垂直显示，像下面这样的垂直文字。 原文地址 https://24ways.org/2016/css-writing-modes/

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…