css常用样式汇总记录

1 div盒子样式居中

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

2 清除浮动

2.1 标签法

简单,结构性差

clear: both;

2.2 overflow属性
简单隐藏元素,如果使用hidden,溢出的元素无法显示

overflow:hidden;
/*hidden| auto| scroll  都可以实现。*/

2.3 after伪元素清除浮动

给需要去除浮动的盒子的父盒子添加clearfix属性
推荐使用

.clearfix:after { 
					content: "";
					display: block; 
					height: 0; 
					clear: both; 
					visibility: hidden;  
				}   

 .clearfix {*zoom: 1;}   /* IE6、7 专有 */

2.4 双伪元素清除浮动

给需要去除浮动的盒子的父盒子添加clearfix属性
推荐使用

.clearfix:before,
.clearfix:after { 
		  content:"";
		  display:table; 
		}
		.clearfix:after {
		 clear:both;
		}
		.clearfix {
		  *zoom:1;
		}

3 禁止手机端缩放

content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"

暂时写到这,更新ing

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__0809 返回首页