1、css设置字体和文字样式
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css_font</title>
<link rel="stylesheet" type="text/css" href="css/css_font.css"/>
</head>
<body>
<div>
<!--字体类型-->
<p>font-family定义字体类型</p>
</div>
<div>
<!--字体大小-->
<p>font-size定义字体大小</p>
</div>
<div>
<!--字体粗细-->
<p>font-height定义字体粗细</p>
</div>
<div>
<!--斜体字体-->
<p>font-style定义斜体字体</p>
</div>
<div>
<!--下划线-->
<p>text-decoration定义贯穿线</p>
<p>text-decoration定义下划线</p>
<p>text-decoration定义闪烁</p>
<p>text-decoration定义上划线</p>
</div>
<div>
<!--行高设定-->
<p>line-height定义行高</p>
</div>
<div>
<!-- 定义文本对齐 -->
<p>text-align定义文本左对齐left</p>
<p>text-align定义文本右对齐right</p>
<p>text-align定义文本居中对齐center</p>
<p>text-align定义文本两端对齐justify</p>
</div>
<div>
<!-- 定义垂直对齐 -->
<p>vertical-align一般用于文字图片居中</p>
</div>
<div>
<!-- 定义字距和词距 -->
<p>字距letter-spacing</p>
<p>词距word-spacing</p>
</div>
<div>
<!-- 定义缩进 -->
<p>定义缩进</p>
</div>
<div>
<!-- 定义文本阴影 -->
<p>text-shadow定义文本阴影</p>
</div>
</body>
</html>
css
div:first-child p:first-child{
background-color: #AA9090;
font-family: fantasy,"楷体";
}
div:nth-child(2) p:first-child