美化网页元素
1. 为什么要美化网页
-
有效的传递页面信息
-
梅花网页，页面漂亮才能吸引用户
-
凸显页面的主题
-
提高用户体验
span标签：重点要突出的字，使用span标签套起来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#title1{
font-size: 50px;
}
</style>
</head>
<body>
欢迎学习<span id="title1">Java</span>
</body>
</html>
2. 字体样式
<!--
font-family:字体
font-size:字体大小
font-weight:字体粗细
color:字体颜色
-->
<style>
body{
font-family:"Arial",楷体;
color: #f6556f;
}
h1{
font-size:50px;
}
.p1{
font-weight: bold;
}
</style>
3. 文本样式
-
颜色 color
-
文本对齐的方式 text-align: center;
-
首行缩进 text-indent: 2em;
-
行高 line-height: 300px;
-
装饰 text-decoration
-
文本图片水平对齐 vertical-align: middle;