weixin_40014283的博客

浮动的基础作用 就是让文本环绕图片。包裹性 设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。display样式是没有变化的，还是block。破坏性 使用float的图片会无法与文字在同一行显示，并且高度为0，所以会造成父元素高度的塌陷，因此就要清除浮动。 浮动元素和绝对定位元素相比，区别在于绝对定位的元素脱离了文档流，而浮动元素依旧在文档流中。清除float

inline block line-block none

position是设置元素的定位方式。有四个可选属性。1.static （静态定位）是默认值。 2.relative 相对定位，相对于自己的位置偏移。不会影响其他元素的位置、大小的变化。 3.absolute 绝对定位，相对于非static（也就是说是relative/absolute/fixed三者之一）最近的父级元素。 元素的位置可以通过left、right、top、bott

做网页时候发现自己对transform，transition，translate概念搞混，好记性不如烂笔头，写下来加深印象。transform（变形） w3c定义是：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 有很多值： translate（x，y）定义2D转换。 rotate（angle）定义2D旋转的角度。 scale（x

css3坚持渐进增强原则。相对的是优雅降级原则css3中新增特性包括很多，如选择器，盒模型，背景和边框，文字特效，2D/3D转换，动画，多列布局。圆角 border

1.nth-child 先找父元素在找指定的那个标签。p:nth-child(2)选择属于其父元素的第二个子元素的每个 元素。2.nth-last-childp:nth-last-child(2)和nth-child用法一致，只是nth-child是从第一个开始计数，而nth-last-child是从倒数第一个开始计数的。3.nth-of-typep:nth-

颜色 rgba(255,0,0,0.1)新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继承性，即不会影响子元素的透明度。 A 透明度 取值范围0~1背景背景在CSS3中也得到很大程度的增强，比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。background-size: length|percentage|cover|c

媒体查询媒体查询包含一个可选的媒体类型和，满足CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true.<!-- link元素中的CSS媒体查询 --><link rel="stylesheet" media="(max-wid