CSS中关于P标签中的样式:
1、font-family:浏览器在显示字体的时候,依次判断是否支持当前的字体,直到最后的字体系列。
font-family:"宋体","仿宋",sans-serif; 浏览器若不支持宋体,则用仿宋;若不支持仿宋,则在sans-serif中找。
2、font-weight:确定字体的粗细
font-weight: bold;
bold:加粗;bloder:深度加粗;lighter:细体;
3、font-size:字体的大小,默认字体大小是16px
font-size:200%;
4、font-style:字体的显示样式
font-style: italic;
italic:斜体; normal:正常
5、color:字体颜色
color: red;
6、opacity:字体的透明度
opacity:0.5; 1:默认样式;0:全透明
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
p{
font-family: "宋体","仿宋",sans-serif;/*若电脑不支持宋体,则用仿宋,若不支持仿宋,则在sans-serif中找*/
font-weight: bold;
font-size: 200%;
font-style: italic;
color: red;/*字体颜色*/
opacity: 0.5;/*字体的透明度:1:默认样式,0:全透明*/
}
</style>
<title>字体</title>
</head>
<body>
<p>
下载全新星巴克中国官方APP,开启更便捷的星巴克体验
</p>
</body>
</html>
上述代码运行的结果是: