css中还原字体与行高

166 阅读1分钟
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
            margin:0;padding:0
        }
        p
        {
        	box-sizing: border-box;
        	width: 610px;
            height: 110px;
            background-color: #cdcdcd;
            border: 1px solid #000000;
            font-family: "黑体";
            font-size: 20px;
            line-height: 40px;
            color: red;
             padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
        }
        /*(110-20-10)/2=行高:40
         font-size: 20px;
          padding-top: 10px;*/
	</style>
</head>
<body>
<p>葬爱:非主流文化的常用词,是当今网络流行术语.且流行于非主流杀马特之中。葬,即埋葬,爱,即爱情,翻译成外语就bury love</p>
</body>
</html>