a. 早期使用 gulp 合并 或者内嵌js，css， 现在用webpack。　　b. 使用浏览器缓存，http1.0 , http1.1 cache-control ETag, if-none-match. c. code split + 按需加载

padding 简写属性在一个声明中设置所有内边距属性,实际上在使用过程中它对block元素和内联元素的处理是不一样的。内联元素的padding只会影响左右尺寸，上下尺寸不影响但是背景色会显现，当上下值暴走的时候会影响外容器的高度。

为一个网站选择类型尺寸是项艰巨的任务. 标题和段落的尺寸在网页布局和可读性方面处理起来很棘手. 谢天谢地, 我们有模块化缩放可以引导我们.在版面中应用的模块化比例实现了视觉层次效果与和谐的比例。它们提供了一组数值作为字体尺寸和间距的方针。在web内容中实施

在css中使用伪类虽然实现了样式的改变，但由于没有过渡效果会显得很生硬。以前如果要实现过渡，就需要借助第三方的js框架来实现。现在只需要使用CSS3的过渡功能，就可以从一组样式平滑的切换到另一组样式。下面鼠标移入后，按钮背景色会慢慢地变成黄色。鼠标离开，过

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性和值被冒号分开。下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。根据

图像缩放效果，是当鼠标悬停或单击时对图像进行缩放的一种应用效果。这种影响主要用于网站上。在我们要在图像上显示用户详细信息的情况下，这个效果很有用。在本文中，我们将看到如何使用CSS来实现这种效果。第一部分包含HTML代码，第二部分包含CSS代码。要创建缩放

　　如果我们要选择的元素没有id,class属性，或者有些我们不想选择的元素也有相同的id,class属性值；　　既然css selctor 语法天生就是浏览器用来选择元素的，selenium自然就可以使用它用在自动化中，去选择要操作的元素。只要css s

color: #666666;font-size: 16px;line-height: 22px;margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;

本文讲述css-loader开启css模块功能之后，如何与引用的npm包中样式文件不产生冲突。比如antd-mobilenpm包的引入。在不做特殊处理的前提下，样式文件将会被转译成css module。以上代码片段，摘自webpack配置的module.r

CSS中有3种定位机制：普通流，浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。顾名思义，普通流中元素框的位置由HTML元素的位置决定。块级框一个接一个地垂直排列，框之间的垂直距离由框的垂直外边距计算出。在本文中，我们主要讲解3种定位机制之一的绝

还可以将样式表编写到外部的css文件中,然后通过link标签来将外部的css文件引入到当前页面中，将css样式统一编写到外部的样式表中，完全使结构和表现分离，可以是样式表可以在不同的页面中使用,<p style="color: red;fo

/*垂直居中，div上边界距离窗口上边的距离为窗口高度的50%，并针对不同浏览器进行兼容。-- 在外层添加一个div，把行内容居中，添加.row .justify-content-center -->

text-indent 用于对第一行内容的缩进。text-align用于设置元素内容在元素中的水平对齐方式。可以设置多个字体，从左到右按顺序直到找到可用的字体。英文字体只适用于英文而中文字体同时适用于中文和英文。100/200/300/900/： 对应于文

盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边

static 静态定位是position的默认值,默认文本流的状态，不会识别left right top bottom值指定的坐标。如果内容超出窗口位置，按照fixed执行。需要用到定位的地方有很多，这也是一个很灵活的属性，要非常透彻的知道其中的属性才能灵

a.detail_link { background-color: #7ccef3; padding: 5px 15px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;

1）圆角 border-radius border-radius：4px；2) 阴影 border-shadow box-shadow: 10px 10px 5px #888888;3）边界图形 border-image -webkit-border-im

CSS控制居中是前端开发中非常常用的布局技能，本文列出几种CSS控制元素居中的几种方法。谈及HTML元素居中展示，涉及到水平居中和垂直居中，以及水平垂直居中。不过（水平）垂直居中还是有很多种写法，至少一只手是数不过来了，本文列出几种，并进行简单比较。块级元

我们理解了CSS 3D的个中原理之后，废话就不用多说，直接来画正多面体吧！只要正多面体可以画出来，基本上在CSS 3D的领域里，大概就没甚么难得倒我们了。简单来说，就是非常对称的立方体，而且每一个面都是由正多边形组成，因此在这一篇，将会画出正四面体、正六面

本文重要是汇总了关于水平居中，垂直居中，还有水平垂直居中的各种方法。使用text-align:center;属性可以实现在行内元素在块级父元素水平居中。a.将元素的左右外边距设置为auto。父元素相对定位，子元素绝对定位 left:50%，然后向左移动子元