weixin_46479909的博客

媒体查询使用@media规则来定义，并包含一个或多个媒体特性和一个或多个样式规则。

实现效果：中间一列固定在屏幕中间，左右两侧向中间对齐，并设置一定距离。

background-position-x 属性用于设置背景图像的水平位置，即用于将图像设置在水平方向的某个位置。background-position-y 属性用于设置背景图像的垂直位置，即用于将图像设置在垂直方向的某个位置。上述代码将背景图片设置在元素宽度的50%处，垂直方向居中。设置元素背景图片的水平垂直方向位置。

表示嵌套的上一级，这是sass的语法，代表上一级选择器。

滚轮隐藏（只能针对WebKit内核的浏览器（如Chrome、Safari等）有效，且存在部分兼容性问题）图片拼接出现白线问题：在image元素上添加display:block样式。input type="checkbox"选中样式背景色改变。input type="radio"样式改变为方形。输入框边框颜色和输入框选中时边框颜色。flex布局下子元素自动换行。鼠标选中按钮式，样式控制。鼠标悬浮时，样式变化。

外层嵌套一个盒子设置固定大小，并添加overflow:hidden auto只有y轴滑动，隐藏x轴滑动。表头固定不滑动可以添加position:sticky;第一列占表格总宽度的百分之八十，第二列占表格总宽度的百分之二十。

原因：CSS的rotate只对block或inline-block类型元素有效。可以把元素设为display:inline-block行内块元素。