Css

css3新增了一个渐变功能，对应需要渐变的背景可以直接使用css3制作。css3渐变分为两种：线性渐变、径向渐变。 线性渐变语法：background: linear-gradie...

**PX特点** 1）IE无法调整那些使用px作为单位的字体大小； 2）国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3）Firefox能够调整px和em，...

**JS动画** 缺点： 1）JavaScript在浏览器的主线程中运行，而主线程中还有其它需要运行的JavaScript脚本、样式计算、布局、绘制任务等,对其干扰导致线程可能出现...

BFC即为块级格式化上下文。在普通流的Box属于一种formatting box，类型可以为block或者为inline。 但是不能同时为这两者。并且Block boxes在blo...

在回答这个问题的策略：先告诉面试官CSS3在CSS的基础上面，不仅添加了新的属性还有选择器也做了扩展。 接下来开始列举： 1）先从颠覆性的属性开始比如：rotate(旋转)，tra...

1. 伸缩布局 flex 2. 流式布局 百分比 3. 响应式布局 媒体查询（超小屏设备时：流式布局） 4. rem布局 宽度和高度都能做到适配（等比适配）

优点： 能维持能整体的布局效果，移动端兼容性好，不用写多个css代码，而且还可以利用@media进行优化。 缺点： 开头要引入一段 js 代码，单位都要改成 rem（ font-s...

rem是个相对单位，相对的是html根元素的font-size大小。这样一来我们就可以通过html上的字体大小来控制页面上所有以rem为单位的元素尺寸。 **示例代码** 例如在v...

### 原理 利用 `padding-bottom|margin-bottom` 正负值相抵； 设置父容器设置超出隐藏（overflow:hidden），这样子父容器的高度就还是它...

css 把上、左、右三条边隐藏掉（颜色设为 transparent） #demo { width: 0; height: 0; border-width: 20px; border...

父元素 display: flex，子元素 flex: 1

flex 属性是 `flex-grow`、`flex-shrink` 和 `flex-basis` 的简写

该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。 在传统的布局方式中: - block 布局是把块在垂直方向从上到下依次排列的； - inline...

没什么不同，只是有一些元素有bug 只是在怪异模式下，盒模型中定义的元素的宽高不包括内边距和边框