< !DOCTYPE HTML>
< 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> ,就可以实现段落的分明。