<!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>,就可以实现段落的分明。
Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有