12 清楚html元素的默认样式

在以后的开发中,第一步就是要清楚默认样式。可参考以下的清楚默认方案:

详情:https://meyerweb.com/eric/tools/css/reset/

默认body标签默认有margin外边框8px的边距

默认p标签也有margin边框16px

其中还有ul ol dl dt

默认input的样式也许清楚

以下只是一小部分的列举(注意:可以将style写成一个css文件,引入进HTML文件中)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>清楚html标签元素的默认样式</title>
	<style type="text/css">
		body,p,ul,ol,dl,dt{
			margin: 0;
			padding: 0;
		}
		ul,ol{
			list-style: none; /* 清楚· */
		}
		input{
			border: none;
			outline: none;
		}
	</style>
</head>
<body>
	<p>我是个段落</p>
	<p>我是个段落</p>
	<ul>
		<li>LXX</li>
	</ul>
	<input type="text" name="">

</body>
</html>
posted @ 2022-08-04 17:44  角角边  Views(103)  Comments(0)    收藏  举报