洋葱的博客

一、媒体类型二、媒体特性三、运算符。

一、伸缩容器、伸缩项目。五、flex-flow。十、flex复合属性。

一、2D位移二、缩放三、旋转四、扭曲五、多重变换六、变换原点。

一、线性渐变二、径向渐变。

一、文本阴影二、文本换行三、文本溢出四、文本修饰。

一、边框圆角。

一、background-origin。二、background-clip。三、background-size。四、background复合属性。

一、box-sizing怪异盒模型。二、resize调整盒子大小。

一、相对定位二、绝对定位三、固定定位四、粘性定位五、定位层级。

对兄弟元素的影响：后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面；对父元素的影响：不能撑起父元素的高度，导致父元素高度塌陷；但父元素的宽度依然束缚浮动的元素。4、方案四：在所有浮动元素的最后面，添加一个块级元素，并给该块级元素设置clear：both。5、方案五：给浮动元素的父元素，设置伪元素，通过伪元素清楚浮动，原理与方案4相同（推荐使用）2、不管浮动前是什么元素，浮动后：默认宽和高都是被内容撑开，而且可以设置宽高。布局中的一个原则：设置浮动的时候，兄弟元素要么全都浮动，要么全都不浮动。

方案一：给行内块设置vertical，值不为baseline就行，设置为middel、bottom、top都可。方案三：给父元素设置font-size：0。如果该行内块内部还有文本，则单独设置font-size。行内块元素与文本的基线对齐，而文本的基线与文本最底端之间是有一定距离的。方案二：若父元素中只有一张图片，设置图片为display:block。

方案二：给父元素设置font-size：0，再给需要显示文字的元素设置字体大小。行内元素、行内块元素，彼此之间的换行会被浏览器解析为一个空白字符。方案一：去掉换行和空格（不推荐）

默认属性值为show，如果设置为hidden，元素会隐藏。彻底地隐藏，不但看不见，也不占用任何位置，没有大小宽高。元素看不见了，还占有原来的位置（元素大小依然保持）设置display：none，就可以让元素隐藏。一、visibility属性。二、display属性。

第一个子元素的上margin会作用于父元素上，最后一个子元素的下margin会作用于父元素上。上面兄弟元素的下外边距和下面兄弟的上外边距会合并，取一个最大的值，而不是相加。无需解决，布局的时候上下兄弟元素，只给一个设置上下外边距就可以了。方案三：给父元素设置css样式：overflow：hidden。方案二：给父元素设置宽度不为0的border。方案一：给父元素设置不为0的padding。二、margin合并问题。一、margin塌陷。

3、rem：相对根字体大小，html标签就是根。2、em：相对元素font-size的倍数。注： CSS中设置长度，必须加单位，否则样式无效。4、%：相对父元素计算。

important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式。概念：如果发生了样式冲突，就会根据一定的规则（选择器优先级），进行样式的层叠。概念：元素会自动拥有其父元素、或祖先元素上所设置的某些样式。常见的可继承属性，参照MDN网站，可查询属性是否可被继承。规则：优先继承离得近的。详细来说：需要计算权重。

2、交集选择器不可能同时出现两个元素选择器，因为一个元素不可能既是p，又是span。2、任何形式的选择器，都可以作为并集选择器的一部分。作用：选中多个选择器对应的元素，又称：分组选择器。注：1、有标签名，标签名必须写在前面。作用：选中同时符合多个条件的元素。1、并集选择器，一般竖着写。

css-选择器

开发中总结的css知识