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