css新特性

2017 年要学习的三个 CSS 新特性

新的一年，我们有一系列新的东西要学习。尽管 CSS 有很多新的特性，但有三个特性令我最激动并进行学习。

2017 年要去学的 3 个 CSS 新属性

Feature Query, Grid Layout, Native Variable。前端的亲们你们颤抖了吗？

全面整理 CSS3 选择器的用法

全面整理 CSS3 选择器的用法

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…

你所不知道的 CSS 动画技巧与细节 ·

你所不知道的 CSS 动画技巧与细节 ·

CSS 技巧：使你的 CSS 更加专业

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。
鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译…

教你发现CSS3的”nth-child”和”nth-of-type”的区别！

对于初学者来说，区别”nth-child”和”nth-of-type”是一个比较头疼的问题，为了更好帮助大家区别两者使用方法，特在此加以区分。

Stylelint: 我们日夜期盼的样式表Linter

每一个程序员，无论他是写哪一门语言的，都希望自己写出干净整洁、一致性好的代码。因此很多开发者习惯于对诸如Javascript和Python一类的编程语言启用linter，但是却很好少有人使用linter来规范样式表。那么在这篇文章中，就让我们来一睹stylelint1（一个应用于样式表的linter）的真面目。

同时我们也将了解到在样式表中启用校对的关键性，以及它是如何让一个样式表有序和避免错误的。最后，我们将学会如何使用stylelint并尽快上手。
原文地址： https://www.smashingmagazine.com/2016/05/stylelint-the-style-sheet-linter-weve-always-wanted/

CSS 中的垂直居中大法

列出 6 种 css 垂直居中大法 ~

前端每周清单半年盘点之 CSS 篇

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 CS…

CSS 常见布局方式

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

CSS3初体验之奇技淫巧

自CSS3流行以来，虽然以前看过一遍所有的新增属性，但其实在实际项目中用到的少之又少。所以没有形成系统性的认识，以及看到效果立马就能想到解决方案的能力。然后最近正好遇到一个需要绘制大量动画的需求，所以决定趁此机会好好研究一下这个既熟悉又陌生的css3。 在正式开始css3之前，…

Rem布局的原理解析

Rem布局的原理解析

CSS 写作建议和性能优化小结

还有几天就到国庆中秋了，快要放假了，先祝大家节日快乐！之前写过js的写作建议和技巧，那么今天就来聊聊css吧！说到css，每一个网页都离不开css，但是对于css，很多开发者的想法就是，css只要能用来布局，把效果图排出来就可以了，其它的细节或者优化，不需要怎么考虑。但是我觉得…

5分钟极速上手 CSS Grid

5分钟极速上手 CSS Grid作者：jensimmons 原文：http://jensimmons.com/post/aug-15-2017/heres-super-quick-way-try-out-css-grid 最值钱的是作者写的小练习，试一试，轻松上手 CSS Gr…

css3 pointer-events 介绍

css3 pointer-events pointer-events 是什么？ 顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。 pointer-events 可以禁用 HTML 元素的 hover/focus/active 等动态效果。 默认值为 …

【译】60 个有用 CSS 代码片段

收集了很多实用的 css 片段

CSS 如何实现 “一行水平居中，两行就左对齐”

一行水平居中，两行就左对齐

css设置垂直居中

css设置垂直居中

你可能不知道的 border-radius

border-radius不只是圆角那么简单，我们可以用它来画一个圆形、半圆，四分之一圆，椭圆，半椭圆，不规则圆…

你不知道的CSS（一）

CSS的世界是神奇的。文章整理了一些实用的CSS技巧，来解决我们在实际项目开发中遇到的的问题。技巧如：用~ / + 兄弟选择器来美化表单元素；用font-size：0来清除间距；用 overflow 來清除浮动；用border来绘制三角形；用垂直方向的padding来实现等比缩放的盒子；用pointer-event来禁用事件；用max-width来防止图片撑破容器；用伪类来显示打印时a标签的链接