这是一个PC报错页面的HTML和CSS代码。页面的背景色设置为#eaeaea,这是一种灰色。所有的元素都使用了margin:0;来去除默认的外边距和内边距。文字的颜色设置为#333,字体大小设置为12px/1.4 Arial,并且所有输入框、文本域、下拉列表等元素的字体大小和字体家族都设置为100%。无序列表和有序列表的左padding被设置为0,列表样式类型被设置为none,即取消了默认的项目符号和项目与内容之间的间距。图片的边框被设置为0,即没有边框。h1, h2, h3, h4的字体大小被设置为100%,表示它们的大小将根据其父元素的大小自动调整。链接没有下划线,颜色被设置为#333,鼠标悬停时会变成带下划线的样式,颜色变为#ddd。mbox元素的宽度和高度都被设置为100%,表示它将填充其父元素的高度和宽度。cw类定义了一个宽度为888px的容器,该容器位于页面的中心(通过margin:0 auto;实现),高度为440px。这个类也定义了一些padding-top、padding-left等属性来控制元素距离其上、左边缘的距离。
Markdown格式如下:
<!DOCTYPE html>
<html>
<head>
<style>
body{background-color:#eaeaea;}
/*reset*/
body,h1,h2,h3,h4,p,ul,ol,dl,dd,form{margin:0;}
body{font:12px/1.4 Arial;}
input,textarea,select{color:#333;font-size:100%;font-family: inherit;}
ul,ol{padding-left:0;list-style-type:none;}
img{border:0;}
h1,h2,h3,h4{font-size:100%;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;color:#ddd;}
.mbox{width:100%; height:100%;}
/*reset end*/
.cw{width:888px; margin: 0 auto; height:440px;padding-top:110px;padding-left:70px;}
</style>
</head>
<body>
<div class="cw">
<!-- 这里是页面内容 -->
</div>
</body>
</html>