<html> <head> <title>计算器</title> <syle type="text/css"> div{ width:400px; height:600px; background-color:#0000ff; } </syle> </head> <body> <div></div> </body> </html>
运行效果如下
解决:
增添如下代码在head标签中
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计算器</title>
<style>
div{
width:400px;
height:600px;
background-color:#0000ff;
}
</style>
</head>
<body>
<div class="s">111</div>
</body>
</html>
运行结果如下,成功将样式渲染到页面