HTML+css

css工程化的出现主要是为了解决以下的几个问题： 宏观设计：css代码如何有组织的编写、如何拆分、模块结构该如何设计？ 编码优化：通俗来讲就是如何能写出更好的css？ 构建：怎样能让处理我的css，才

（1）单冒号（:）用于css3的伪类，双冒号（::）用于css3的伪元素 （2）双冒号（::）例如 ::before ::after 使用之后就会变成一个子元素存在于页面中。并没有真实存在于DOM中，

sass 开头先引用一下官网对sass的说明；Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mix

less 开头先引用官方的语段话：Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言

什么是css的预处理器 例如：less, sass, stylus，目的都是为了增强css代码的复用性。包括预处理器里面的层级，mixin，变量，循环，函数等对编写以及开发时使用的UI组件都极其方便

css性能优化 1. 加载性能优化 （1）css压缩：将编写好的css进行打包压缩处理，这样能大大较小文件体积 （2）尽可能的减少@import引入样式，推荐使用link，因为link会在页面加载的时

精灵图（sprites） 意思是将一个页面涉及到的所有图片都包含到一张大图中去，然后利用CSS的 background-image，background-repeat，background-posit

图片的场景格式有 BMP GIF JPEG PNG-8 PNG-24 SVG WebP 等等. （1）BMP，是无损的、既支持索引色也支持直接色的点阵图。这种图片格式几乎没有对数据进行压缩，所以BMP

新增各种css选择器（例如[foo^="bar"], :not(span)：所有 class 不是“span”的节点） 圆角 （border-radius: 50%） 多列布局（multi-colum

li与li产生空白的原因 因为浏览器会把内联元素之间的空白字符（比如空格、换行、Tab等）统统都渲染成一个空格。为了代码美观通常都会把一个li标签写成一行，li换行之后产生的换行字符就会变成一个空格，

translate translate 是transform的一个属性值。在改变transform不会触发浏览器的重新的布局（reflow）或者重绘（repaint），只会触发复合（compositi

情景介绍 实现动画效果的方法有很多，js中可以通过定时器 setTimeout 来实现。 css3中可以使用transition 和animation 来实现，HTML5中的canvas也可以实现。除

行内元素和块级元素有什么区别？ （1）行内元素 设置宽高无效； 可以设置水平方向的margin和padding属性，设置垂直方向的margin和padding无效 不会自动换行 （2）块级元素 可以设

属性值 作用 none 元素不显示，并且会从文档流中移除。 block 块类型。默认宽度为父元素宽度，可设置宽高，换行显示。 inline 行内元素类型。默认宽度为内容宽度，不可设置宽高，同行显示。

不可继承 1.display 2.文本属性 vertical-align: 垂直文本对齐 text-decoration: 规定添加到文本的装饰 text-shaow: 文本阴影效果 white-sp

常见的选择器有 选择器 格式 权重 id选择器 #id 100 类选择器 .class 10 属性选择器 a[ref="eee"] 10 伪类选择器 li:last-child 10 标签选择器 di

何为渐进增强（progressive enhancement） 渐进增强主要是针对低版本的浏览器进行页面重构，保证基本的功能情况下，再针对高级浏览器进行效果、交互等方面的改进和追加功能，以达到更好的用

iframe iframe是 HTML 内联框架元素 (<iframe>)  表示嵌套的browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。 优点 用于加载速度较慢的内容

strong vs b strong标签表示有语义，可以起到加重语气的效果，而b标签则是没有的，b标签只是一个简单加粗的标签。 b标签之间的字符都设为粗体，strong标签加强字符的语气都是通过粗体来

对于HTML5， 。。。。 对于它的历史真的不想码字了，总之HTML5非常重要； 1.语义化标签，详情 2.媒体标签 （1）audio：音频 属性介绍： controls 控制面板 autoplay