上一讲讲解了html的行内样式，今天咱们聊一聊html的页内样式，这个具体怎么用呢？且看博主为大家详解。
首先利用以下代码做案例演示：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html>
<meta>
<title>html页内样式演示</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”keywords” content=”页内样式”>
<meta name=”description” content=”这是博主为大家做的页内样式演示案例”>
<style>
font
{
color:red;
}
</style>
</meta>
<body>
<font>
这是博主为大家做的html页内样式演示案例
</font>
</body>
</html>
上面代码的演示效果如下图：
所以，html的页内样式格式一般是：在body里加入标签
然后在meta里加入<style></style>,在style里写入标签样式，但需要用大括号括起来。如下图所示：
注意：在写代码的时候，不管是什么符号，要保持输入法是在英文状态下进行的。如果大家在实操的时候效果没有出来，首先查看是不是英文状态下的符号输入，例如冒号、分号、等号等等。
以上就是博主对html页内样式的讲解，如有疑问，请联系博主。
本文来自网络整理，标题：HTML的页内样式演示案例，网址：https://www.seoshisha.com/jianzhan/html/yenei.html
支付宝扫一扫 
