首先来看看蔚来官网长什么样子 不会做动图，所以具体效果可以去蔚来官网看 HTML 根据效果，我们来分析一下 页面加载进去后会有黑色的背景，然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片，否则不会有黑色背景和图片的动画那么 ...

css 预处理工具，可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架 Sass的缩排语 ...

网页布局中经常会用到float浮动，但是浮动的块级元素脱离了标准文档流，使得浮动元素的父元素没有高度，导致父级元素没有高度，所以需要清除浮动对父级元素的影响，本文介绍清除浮动的几种方法。 清除浮动影响的几种方法: 给父级元素设置高度 效果 ...

如何隐藏滚动条，同时仍然可以在任何元素上滚动？ 首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动 ...

对于绘图和印刷而言，“单位”相当重要，然而在网页排版里，单位也是同样具有重要性，在CSS3普及以来，更支持了一些方便好用的单位（px、em、rem…等），这篇文章将整理这些常用的CSS单位，也帮助自己未来在使用上能更加得心应手。 “网页”和 ...

Flexbox是一个CSS3的盒子模型（box model），顾名思义它就是一个灵活的盒子（Flexible Box）。 Flexbox模型概念 第一步要来看Flexbox的盒子模型，根据W3C文章所描述，flex的盒子模型如下图所呈现，与 ...

CSS权重 类型选择符的权重为：0001 类(class)选择符的权重为：0010 ID选择符的权重为：0100 子选择符(E>F)的权重为：0000 属性选择符的权重为：0010 伪类选择符的权重为：0010 伪元素选择符的权重为：000 ...

对于前端入行现在大概有这么几种:1.大学里修前端课程，2.查资料看视频自学前端，3.参加前端培训。对于这三种学习方式，自学前端是属于最难的一种，咱们先简单的说一下另外两种方式，然后我再着重说下自学前端。 除了自学前端外，另外两种学习方式称为 ...

俗话说，“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则，只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外，在使用JavaScript语言时，需要遵循某些语法规则，如执行顺序、大写和注释规 ...

当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内 ...