css教程之css設(shè)置字體顏色

2024-07-11 08:35:13

字體：大中小

供稿：網(wǎng)友

font-size:18px;:設(shè)置字號(hào)
color:#093:設(shè)置字色
font-family:’宋體’;:設(shè)置字體
（要盡量使用通用的字體，就是用大家電腦上一般都有的字體，常用的是中文字體是宋體英文字體是arial）
設(shè)置字體的時(shí)候?qū)⒂⑽淖煮w設(shè)置在前，中文設(shè)置在后
如果想用比較特殊的字體，可以將其轉(zhuǎn)換為圖片
line-height:150%;:設(shè)置行與行之間的距離
font-weight:bold:設(shè)置字體的粗細(xì)（粗：bold 正常：normal）
font—style:設(shè)置字體樣式(normal正常，italic斜體)
text-decoration:修飾文字(none正常，underline下劃線(xiàn)，overline上劃線(xiàn)，line-through刪除線(xiàn) blink閃爍（只支持IE6,7,搜狐）)
letter-spacing:5px:字符間距（normal默認(rèn)，length長(zhǎng)度單位）
word-spacing:5px:單詞間距(normal默認(rèn)，length長(zhǎng)度單位

復(fù)制代碼代碼如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “<a href=”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>”>
<html xmlns=”<a href=”http://www.w3.org/1999/xhtml”>http://www.w3.org/1999/xhtml</a>”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>CSS字體控制</title>
<style type=”text/css”>
body{font-size:18px; color:#093; font-family:Arial, ‘漢儀行楷簡(jiǎn)’; line-height:300%; font-weight:bold}
div{width:400; height:50; background:#999; word-spacing:5em;}
h1{font-weight:normal;font-style:italic; text-decoration:underline; letter-spacing:5px; word-spacing:60px;}
</style>
</head></p>
<p><body>
<h1>主持召開(kāi)<span>院</span>會(huì)</h1>
<h2>設(shè)置行與行之間的距離</h2>
設(shè)置行與行之間的距離
<div>設(shè)置行與行之間的距離</div>
</body>
</html>