CSS样式初始化

最新推荐文章于 2023-12-07 02:38:34 发布

原创最新推荐文章于 2023-12-07 02:38:34 发布 · 492 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css央视初始化

HTML+CSS+JS 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了CSS中用于初始化页面样式和清除浮动的技术。通过设置元素的外边距、内边距为0，移除列表样式，统一字体大小及颜色，确保网页在不同浏览器下的一致性表现。同时，通过clearfix类实现对浮动元素的正确清理，解决父级元素高度塌陷问题。



/* CSS初始化 */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-family: 宋体;
	color: #000;
}

a {
	color: #000;
	text-decoration: none;
}

input,image {
	vertical-align: middle;
	border: 0 none;
	outline-style: none;
	padding: 0;
	margin: 0;
}

/* 清除浮动 */
.clearfix:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
/* 兼容IE浏览器 */
.clearfix {
	zoom: 1;
}


/* 版心 */
.w {
	width: 980px;
	margin: 0 auto;
}