css重置样式

/* 有些元素默认样式不好用,需要在最还是写页面重新设定一下,改成适合于当前项目的样式 */
/* 项目第一步 */

/* 将html根元素设置一下 */
html{
	/* 根元素html的高度默认是靠内容撑起来的,很矮,使用起来不方便,我们可以让html的高度为他的父级,也就是浏览器窗口的100% */
	height: 100%;
	/* 设定根元素html的字体大小,页面中所有使用rem单位的长度都是相对于html的字体大小而言的 */
	font-size: 14px;
}


/* body的样式重置 */
body{
	/* 不同浏览器外边距不同,不要清零 */
	margin: 0;
	/* 字体与字体颜色的设置 */
	font-family: '黑体';
	color: '#666';
	/* 背景颜色 */
	background-color: #f5f5f5;
}


/* 对超链接样式重置 */
/* 设置超链接访问请的样式 */
a:link{
	/* 清除超链接自带的下划线 */
	text-decoration: none;
	/* 超链接不会继承body的颜色,所有设置 */
	color:#808080;
}
/* 设置超链接访问后的样式 */
a:visited{
	/* 超链接访问前后都是一样的颜色 */
	color:#808080;
}
/* 设置超链接悬停的样式 */
a:hover{
	color: #666;
}


/* 列表的样式重置 */
ul,ol{
	margin: 0;
	padding: 0;
}
/* 清除浏览器提供的每个列表项前的提示符 */
li{
	/* 去除列表前的实心圆/阿拉伯数字 */
	list-style-type: none;
}


/* 清除段落默认存在的上下边距 */
p{
	/* 浏览器为所有的段落提供了上下外边距,需要清空 */
	margin: 0;
}


/* 清除输入元素的外轮廓线 */
input{
	/* 输入框获得焦点时,会显示外轮廓线,需要清除 */
	outline: none;
}


/* 项目第二步 ,样式脚手架,辅助构建整个页面*/

/* 版心基础类 */
.container{
	/* 根据设计给的宽度制定版心的宽度 */
	width: 1000px;
	/* 设置版心中的内容在页面中水平居中 */
	margin: 0 auto;
}
/* 清除父级高度坍塌影响的工具类 */
.clearfix::after{
	/* 在指定元素的最后生成一个空的假孩子 */
	content: '';
	/* 显示模式改为块级,才可以使用,因为clear只能用于块级 */
	display: block;
	/* 清除左右浮动 */
	clear: both;
}
/* 开发测试阶段的辅助线,颜色自定义,代码完成后记得删掉 */
.rim{
	border: 1px solid #aaa;
}

都是干货,不全自己可以后加

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小全站攻城狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值