学透CSS

“新月”，也叫“朔日”，这时是农历初一；“蛾眉月”，这时是农历初三、四；农历初七、八，半个亮区对着地球，人们可以看到半个月亮（凸面向西），这一月相叫“上弦月”；农历十五、十六、十七，月球的

新人在入门CSS的时候，往往最困惑的就是两件事情（个人想法）：1. CSS是基于文档流的，有些时候编写的代码，并不符合自己的预期！2.复杂的选择器，什么场景用什么选择器，选择器太长，让新人很困恼。

@support并属于比较新的CSS3属性了，几年前，@support刚出现的时候，大家其实对这个属性并没有啥感觉，因为那个时候CSS3在浏览器上的兼容性不是太好，并且有的浏览器也不兼容@suppor

网页开发中的锚点：网页内设置的一个位置，点击链接可以跳转到指定位置。以掘金文章详情页为例,右边侧边栏有目录，当你点击其中的一个目录是不是会跳转到具体的内容。

min/max - width/height 这几个我们不常用的属性，在某些时候还是能发挥奇效的。菜单动画，overflow:hidden失效等等！！

网页的设置在很多时候并不是正好满足一页，拿我们经常用的掘金来说，因为使用了数据的分页加载，如果你想看更多的文章的话，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条,，这就是这篇文章想要了解的

对于CSS来说，由于CSS的特殊性，导致它的学习不能局限于眼观，而是要放到真是的DOM中才能更好的体会具体属性的具体价值。

文章目录会在标题前面加上数字编号的，大部分的实现方案是什么呢？我一开始是在遍历的时候加上数字编号的，不过这样的JS代码很多。需要判断层级数很麻烦。直到我发现纯css的counter属性！

在APP上点击阅读文章，在加载文章的时候会出现掘金两个字，并且带有渐变效果的效果的。大概就是下面这张图的效果。

这是我参与8月更文挑战的第25天，活动详情查看：8月更文挑战 前言 一个网页中最多的东西是啥? 正常人的第一反映肯定是文字，你要是跟我说是图片，那我只能表示： 响应式网页设计中一个很难解决的问题就是文

今天，我们生活在手机的世界里。有如此多的手机，有如此多的屏幕，屏幕的尺寸从当年的2.4英寸到3.5英寸、4.0英寸、5.0英寸等等，到现在基本上6.0英寸起步了。

一个优秀的网站永远都不是冷冰冰的，情感化、人性化一直是现代化网站所追求的！情感化设计利用彩配色激发用户情感，或高兴，或温暖，或宁静祥和；利用简单易懂，自由流畅的交互设计，吸引用户点击或参与.

文字应该是网页中最常见的元素了，俗话说的好，见字如见人。下面请欣赏两幅书法作品，我相信即使你不懂书法，也能看到出来哪副作品好吧！！！ 如果你非要说第一个比较好看，那我也只能表示:

不知道大家在开始学习CSS的时候，会不会经常遇到这样一道问题：如何实现一个三角形。类似这样的代码是不是很眼熟。嗯！看上去不是很复杂.但是代码是不是超级多！

老板掏出了刀，我赶紧掏出了MDN，嘿，您猜怎么着，还真让我找到了， `animation-play-state`,这属性那叫一个管用哦。

大部分的编程语言，在语言出现的那一刻就支持变量。但是，CSS一开始就不支持原生变量。所以大家开始选择SCSS,LESS等兼容的 CSS 扩展语言。不过庆幸的是CSS目前也已经支持变量。

强调！！！ 前言 css中有将近102个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数，数学函数大概有： 基本算术：calc() 比较函数：min()、max()和clamp()

css中大概有将近80个函数，但是我们所掌握的大概又有多少呢？今天我们先来介绍其中的数学函数。学起来吧！！！

日常开发中，我们经常使用border来给元素增加一些美感，但是由于盒子模型的存在，border有时候会影响我们的判断，所以今天介绍outline.

前有background-image 为背景增光增彩，后有mask-image 给背景增加可玩性，今天我们来聊聊border-image!