一、分開寫
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
????<style>
????/*?1.?修改文字大小?*/
????body?{
????????font-size:?16px;
????}
????/*?2.?修改文字字體?*/
????.ziti?{
????????font-family:?"宋體";
????}
????/*?3.?修改文字的粗細?*/
????.bold?{
????????/*?font-weight:?bold;?*/
????????/*?700等價于bold???代表加粗效果??700后面不要跟單位??實際開發(fā)中更常用數(shù)字?*/
????????font-weight:?700;
????}
????.normal?{
????????/*?400等價于normal??代表正常字體?*/
????????font-weight:?400;
????}
????/*?4.?修改文字的樣式??是否傾斜?*/
????.norm?{
????????font-style:?normal;
????}
????</style>
</head>
<body>
????<h3?class="normal">定風(fēng)波</h3>
????<div?class="ziti">莫聽穿林打葉聲</div>
????<div>何妨吟笑且徐行</div>
????<!--?em是文字傾斜標簽?-->
????<em?class="norm">竹杖盲鞋輕勝馬</em>
????<p>誰怕123abc</p>???
????<div?class="bold">一蓑煙雨任平生</div>
</body>
</html>
二、復(fù)合在一起寫：節(jié)約代碼
