<html>
<head>
<title>html文字居中测试</title>
<meta charset=”UTF-8″>
<style type=”text/css”>
body{background: #ddd;}
div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}
.box1{background: #71a879;text-align: center;}
.box2{background: #6a8bbc;line-height: 200px;}
.box3{background: #dea46b;text-align: center;line-height: 200px;}
</style>
</head>
<body>
<div >html文字水平居中</div>
<div >html文字垂直居中</div>
<div >html文字水平上下居中</div>
</body>
</html>
扩展资料：
html自定义字体样式
一般字体的设置包含：字体，字体大小，字体颜色
html设置字体的话有很多标签去设置
h1,h2,h3,h4,h5,h6 标题
采用css属性。用font去设置字体。
font-family 规定元素的字体系列。包含：宋体，微软雅黑等这些字体之类的。font-family:Microsoft yahei 表示设置字体为微软雅黑
font-weight是设置字体的粗细。包含：lighter（更细），normal（正常），bold（粗体），bolder（更粗）font-weight:bold设置字体为粗体
font-size 是字体的尺寸，可以用使用百分比去设置或者像素去设置。如:font-size:18px
color属性是设置字体的颜色。可以采用
color:red; (颜色名称)color:#00ff00; （颜色的十六进制）color:rgb(0,0,255);（颜色的rgb）例子：<style type=”text/css”>
.title{font-family:Microsoft yahei;font-size:16px;font-weight:bold;color:#ccc}</style>偶是标题
table为表格标签，在table标签中可以设置简单的字体倾斜、加粗等内容。
2.详细设置字体颜色及大小的话这个要靠css样式表来规定字体大小及颜色样式。
3.对于表格中的部分可以参考css层叠样式表来调整文字大小和内容及文字所选用的字体。
HTML常用标签有列表形快速布局、标题型、独立内容、段落标签
1.列表形快速布局
当大家想要列表型布局网站的时候，这时候大家就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然大家也要配合css去实现效果，可以实现循环的效果。
2.标题型
大家在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h2，h1和h2两种标签效果也是不一样的。
3.独立内容
在内容中，如果大家想把几个文字单独设置颜色，这时候大家就可以需要span标签，对字体单独设置样式。
4.段落标签
段落的标签大家可以使用p标签，在段落的开始加一个<p>,就可以实现段落的分明。
