内联是直接在HTML文档中包含文件内容的过程：CSS文件可以在元素内部内联，JavaScript文件可以内联在元素中：
通过打印HTML输出中已有的代码，内联可避免渲染阻塞请求，并在呈现页面之前执行代码。因此，它有助于提高站点的感知性能（即页面变得可用的时间。）例如，大家可以使用在加载站点（大约14kb）时立即传送的数据缓冲区来内联在关键的风格，包括款式上面屏内容（如已经在先前的网站完成），以及字体大小和布局的宽度和高度，以避免跳跃的布局重新绘制时数据的其余部分被输送。
但是，当过度使用时，内联代码也会对站点性能产生负面影响：由于代码不可缓存，因此会反复向客户端发送相同的内容，并且无法通过Service Workers预缓存，或者从内容交付网络缓存和访问。此外，在实施内容安全策略（CSP）时，内联脚本被认为是不安全的。
所以，内联代码是一个明智的开发策略，内联CSS和JS的关键部分，使网站加载速度更快，但尽可能避免代码繁多导致服务器性能下降。
纯css3 进度条，淘宝css编辑，css 弹出菜单样式，css怎么去掉按钮样式，css中背景定位语法，响应式页面css3，css中选项卡小例子