qq_42646178的博客

flex布局 默认的文档流块子元素会从上到下排列，使用flex布局后子元素们会在水平方向上，从左至右排列 flex 布局的优势 flex 布局的子元素不会脱离文档流，很好地遵从了“流的特性”。但你如果用 float 来做布局，float 属性的元素会脱离文档流，而且会涉及到各种 BFC、清除浮动的问题。浮动相关的问题，比较麻烦，所以也成了面试必问的经典题目。但有了 flex 布局之后，这些问题都不存在的。 flex 是一种现代的布局方式，是 W3C 第一次提供真正用于布局的 CSS 规范。 flex

1.transition过渡 可以实现不同元素间的平滑过渡效果，比如： 补间动画：自动完成从起始状态到终止状态的的过渡。不用管中间的状态。 帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片。 transition包括的属性： transition-property: all; 如果希望所有的属性都发生过渡，就使用all。 transition-duration: 1s; 过渡的持续时间。 transition-timing-function: linear; 运动曲线。属性值可以是：

1.继承性 HTML后代的元素会继承父类元素设置的样式。比如下图，给一个div设置颜色的样式为红色，其后代元素p元素的颜色也变了，这就是继承性。 但是并不是所有的样式都能继承，规则如下： 关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。 关于盒子、定位、布局的属性，都不能继承。 2.层叠性 计算权重，用于决定使用哪个定义的样式。所有的权重计算，没有任何兼容问题！如下图权重低的样式将会被高的样式所覆盖。 计算权重 ...

选择器归纳 1.通用选择器和元素选择器 通用选择器： 使用*选中所有的HTML元素，一般用于去除元素的默认样式如内外边距 元素选择器： 使用HTML元素选中所有的HTML元素 案例：设置div元素并且设置字体色为蓝色 <style> #box1 { width: 100px; height: 100px; background-color: red; } .box2 {