看面经总结

一. 反射（倒影） -webkit-box-reflect <1> 语法 栗1： 下倒影 栗2： 右倒影 有偏移 栗3： 下倒影 渐变 栗4： 下倒影 （图片遮罩） 二. 文本 <1> 换行 word

一. 阴影 box-shadow 一般写法： 一般不会去指定阴影的大小，因为一般默认都是与原元素一样大小 所以上述的 5px 指定的是模糊距离 二. 边框 border <1> 边框图片 border

一. 新增选择器 属性选择器 伪类选择器 伪元素选择器 二. 过渡 <1> 语法 eg1： eg2： 补充： 下拉菜单的实现，可以通过元素的显示与隐藏完成 也可以通过，CSS3 的转换实现，比如当需要

两者都是实现，两侧定宽，中间自适应的三列布局！！！ 一. 圣杯布局 .left .right .middle 的父盒子为 .container 圣杯布局的特点： 给父盒子设置 padding：0 /.

一. 两列布局 <1> 一列定宽、一列自适应 比如：左列定宽、右列自适应 (1) float + margin (2) float + margin-left : -100% (3) float +

<1> 基线、底线、顶线、中线 文本的基线： 元素的基线： <2> 行距&&行高 <3> 行内框 <4> vertical-align 可选值： baseline： 基线对齐；  top： 顶端对齐；

一. 水平居中 <1> 文本、行内、行内块元素 text-align : center 缺点： 只对行内内容有效 <2> 单个块级元素 定宽 + margin ：0 auto <3> 多个块级元素 转

一. Grid布局 <1> 容器和项目 容器 采用网格布局的区域，称为"容器"（container）。 项目 容器内部采用网格定位的子元素。注意： 项目只能是容器的顶层子元素，不包含项目的子元素，即只

一. Flex 布局 二. Flex 容器 <1> 两根轴线 flex-direction 主轴由 flex-direction 属性定义：四个值 row row-reverse column col

一. why 定位？ 值 语义 相对于 是否脱标 static 静态定位 / 不脱 relative 相对定位 自己（自恋型） 不脱 absolute 绝对定位（可以在某个盒子里自由移动） 第一个po

一. 选择器 选择器可以分为以下几类： 简单选择器 属性选择器 伪类选择器 伪元素选择器 组合选择器 多用选择器 <1>简单选择器 (1) 标签选择器 span (2) 类选择器 . (3) ID选择

一. 高度塌陷 <1> 什么是高度塌陷？ <2> 解决方法 (1) 给父盒子设置高度 --- 最直接 (2) 给父盒子开启 BFC (3) 在父盒子的末尾加一个空盒子，并设置为清除浮动 (4) 利用伪

一. 盒模型 标准模型 下，设置宽度，就只是 conten 的部分： IE模型 下，设置宽度，包括了 content + padding + border 三部分 可以在元素的 css 样式设置中，通

一. iframe 优点： 它可以使脚本并行下载，用来加载速度较慢的内容（如广告） 如果多个页面都需要用到同一部分内容（如页头...）就可以把这部分内容放到 iframe 中去！！！ iframe 可

一. DOCUTYPE 二. 浏览器解析渲染页面的两者模式： 标准模式[ CSS1Compat ]：浏览器使用W3C的标准解析渲染页面。 怪异模式(混杂模式)[ BackCompat ] ：浏览器使用

一. SVG svg 是使用 XML 描述的 2D 图形。 因为 svg 是基于 XML 的，所以 svg 中绘制图形还是使用的元素，所以 js 可以给元素添加事件！！ svg 是矢量图，即是面向对象

一. 离线存储 原理： 二. 使用方法 在 html 文件中 ，把 < html /> 元素的 manifest 属性设置为 manifest文件名 ，如下： 配置 manifest 文件 操作win

一. src 和 href 的区别 总的来说，src用来替换当前元素，href用于当前文档和引用资源之间确立联系！！！ <1> src < script src="" /> <img src= ""

一. 几种元素形式 <1> 常见行内元素(在一行内显示) a img input label span textarea <2> 常见块级元素(独占一行) div dl form h1 ~ h6 ol