美好的周末从码字开始...... 说道相对定位，相信很多童鞋会立马想到绝对定位。虽是同个妈生的，爹地却不同，那么性情绝对是不相同滴。 相对定位，它是一种定位机制，可以使得block-level box和inline-level box相对它们本身的位置上下左右移动一段距离。 这…

作为一个后台开发，最不爱写的就是 CSS。然而有些时候还是要了解 CSS。本文作为前端学习的第一篇，主要讲定位部分。position 属性用来指定一个元素在网页上的位置，一共有 5 种定位方式 static 是 position 属性的默认值。如果省略 position 属性，…

盒子模型众所周知，这里先简单介绍一下。 可以看到，在标准盒模型下，width和height是内容区域即content的width和height。而盒子总宽度为 而IE盒模型或怪异盒模型显而易见的区别就是，width和height除了content区域外，还包含padding和b…

CSS background是最常用的CSS属性之一。然而，并不是所有开发人员都知道使用多种背景。这段时间都在关注使用多种背景场景。在本文中，会详细介绍background-image`属性，并结合图形来解释多个背景使用方式以及其实际好处。 如果你还了解 CSS backgro…

传统的CSS布局基本是div + css布局，依赖盒子模型，通过position、float、display等方式实现，但是对于一些特殊布局，就不太容易实现，比如垂直居中布局。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布…

CSS 中可以改变文字的颜色还有元素的背景颜色。可以用颜色关键字来定义颜色，如red，但是这些颜色关键字并不常用。 transparent可以让文字或背景变的完全透明的颜色，它就像rgba(0,0,0,0)的缩写。 currentColor代表原始的color属性的计算值。比如…

还是上面的例子，只指定颜色值，至少要指定两种颜色，默认将平均分配，每个色值各占比例相同。可以使用数值或者百分比调整渐变的长度，推荐使用百分比更加灵活。

eg. eg. 其实如果学了SCSS的@mixin的话... 当使用CSS时，我们经常在一个全局环境设置，这样可能会错误地设置元素的样式。 自定义CSS(即使有CSS变量)仍然是非常冗余的。 在另一个样式表中导入一个样式表的问题，这可能会导致一个非常大的样式库，没有适当的文档可…

CSS是一个很独特的语言。看起来非常简单，但是某种特殊效果看似简单，实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的CSS技巧，一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们，重新燃起对前端排版和特效的热爱和热情！🔥 1. …