<!DOCTYPE HTML>
<html>
<head>
<title>html文字居中測(cè)試</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>
擴(kuò)展資料:
html自定義字體樣式
一般字體的設(shè)置包含:字體,字體大小,字體顏色
html設(shè)置字體的話有很多標(biāo)簽去設(shè)置
h1,h2,h3,h4,h5,h6 標(biāo)題
采用css屬性。用font去設(shè)置字體。
font-family 規(guī)定元素的字體系列。包含:宋體,微軟雅黑等這些字體之類(lèi)的。font-family:Microsoft yahei 表示設(shè)置字體為微軟雅黑
font-weight是設(shè)置字體的粗細(xì)。包含:lighter(更細(xì)),normal(正常),bold(粗體),bolder(更粗)font-weight:bold設(shè)置字體為粗體
font-size 是字體的尺寸,可以用使用百分比去設(shè)置或者像素去設(shè)置。如:font-size:18px
color屬性是設(shè)置字體的顏色。可以采用
color:red; (顏色名稱(chēng))color:#00ff00; (顏色的十六進(jìn)制)color:rgb(0,0,255);(顏色的rgb)例子:<style type="text/css">
.title{font-family:Microsoft yahei;font-size:16px;font-weight:bold;color:#ccc}</style>我是標(biāo)題
table為表格標(biāo)簽,在table標(biāo)簽中可以設(shè)置簡(jiǎn)單的字體傾斜、加粗等內(nèi)容。
2.詳細(xì)設(shè)置字體顏色及大小的話這個(gè)要靠css樣式表來(lái)規(guī)定字體大小及顏色樣式。
3.對(duì)于表格中的部分可以參考css層疊樣式表來(lái)調(diào)整文字大小和內(nèi)容及文字所選用的字體。
HTML常用標(biāo)簽有列表形快速布局、標(biāo)題型、獨(dú)立內(nèi)容、段落標(biāo)簽
1.列表形快速布局
當(dāng)我們想要列表型布局網(wǎng)站的時(shí)候,這時(shí)候我們就要使用ul和li標(biāo)簽,一些文章的列表和欄目的列表,都是可以使用ul和li標(biāo)簽布局,當(dāng)然我們也要配合css去實(shí)現(xiàn)效果,可以實(shí)現(xiàn)循環(huán)的效果。
2.標(biāo)題型
我們?cè)谧鼍W(wǎng)站的時(shí)候,總會(huì)遇到文章的標(biāo)題,不同的程序員會(huì)使用不同的標(biāo)簽去實(shí)現(xiàn),有人習(xí)慣用h1,有人習(xí)慣用h2,h1和h2兩種標(biāo)簽效果也是不一樣的。
3.獨(dú)立內(nèi)容
在內(nèi)容中,如果我們想把幾個(gè)文字單獨(dú)設(shè)置顏色,這時(shí)候我們就可以需要span標(biāo)簽,對(duì)字體單獨(dú)設(shè)置樣式。
4.段落標(biāo)簽
段落的標(biāo)簽我們可以使用p標(biāo)簽,在段落的開(kāi)始加一個(gè)<p>,就可以實(shí)現(xiàn)段落的分明。