css权威指南_CSS指南

css权威指南

CSS is an amazing tool, and in the last few years it has grown a lot, introducing many absolutely fantastic features, like CSS Grid, Flexbox and CSS Variables.

CSS是一个了不起的工具，并且在最近几年中，它发展了很多，引入了许多绝对出色的功能，例如CSS Grid，Flexbox和CSS Variables。

Before you check out those cool features, take a step back and inspect the CSS basics through my introduction to CSS post.

在检查这些很酷的功能之前，请先退后一步，并通过我对CSS的介绍来检查CSS基础。

Here are some more advanced topics regarding the modern layout construction in CSS:

以下是有关CSS中现代布局构造的一些更高级的主题：

• Flexbox

  弹性盒

• CSS Grid

  CSS网格

Sometimes there are things you think you know, but when it comes to implementing, they are a bit confusing, especially if you start searching online, where you can really find anything:

有时您认为您知道某些事情，但是在实施时会有些混乱，尤其是当您开始在线搜索时，您实际上可以找到任何东西：

• Centering with CSS

  以CSS为中心

• The CSS margin property

  CSS margin属性

Variables is a huge topic, one that could make CSS be very close to SCSS and the other preprocessors:

变量是一个巨大的话题，它可以使CSS非常接近SCSS和其他预处理器：

• CSS Variables

  CSS变量

Now, animations. Animations are huge. CSS animations are the best way to perform simple animations. More complex things need to be done using JavaScript, but CSS is so powerful! Check out

现在，动画。 动画很大。 CSS动画是执行简单动画的最佳方法。 需要使用JavaScript完成更复杂的事情，但是CSS是如此强大！ 退房

• CSS Transitions

  CSS过渡

• CSS Animations

  CSS动画

CSS is huge on displays, but it’s also huge for printing documents. Check out how to use CSS for print if you’re interested.

CSS在显示器上非常有用，但对于打印文档也很重要。 如果您有兴趣，请查看如何使用CSS进行打印 。

Web Fonts are another big topic. My CSS System Fonts article sheds some light on using system fonts and avoid loading unnecessary bits of data if you don’t strictly need them.

网络字体是另一个大话题。 我的CSS系统字体文章阐明了使用系统字体的方法，并避免了在不需要严格加载数据时避免加载不必要的数据位。

翻译自: https://flaviocopes.com/css/

css权威指南