html字体大小与颜色设置

代码架构:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> //浏览器识别编码的字体,以防出现乱码
<title>在线演示 DIVCSS5</title> //标题
</head>
<body>
<font size="2">在线演示测试<font size="4">文字</font>,
欢迎访问DIVCSS5学习网站!</font>
</body>
</html>
font size 用于设定字体大小
!DOCTYPE html 是声明html的必不可少的一部分,必须放在所有代码的前面
head 文档题目
body 在里面写代码和输出,是网页的核心

文本样式的常用属性
text-align 设置文本的水平对齐方式
line-height 设置行高
text-decoration 设置文本修饰效果
text-indent 设置段落的首行缩进
word-wrap 设置文本换行
color 设置文本颜色
background-color 设置文本的背景颜色


字体颜色与表格
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>font字体颜色在线实例 DIVCSS5</title>
</head>
<body>
<font color="#FF0000">我是红色字体</font>
<table width="300" border="1">
<tr>
<td><font color="#0000FF">你好</font></td>
<td>DIVCSS5</td>
</tr>
</table>
</body>
</html>
color=" " 设置字体颜色
table 表格标签,设置表格宽度
tr 把每个元素按行分隔开
td 把同一行的元素分隔,固定格式放在“tr”后

设置字体居中大小和字体类型
<div style="font:12px bolder '微软雅黑'; text-align:center;">
</div>
font family 设置字体类型
style="background-color:red;" 设置背景颜色为红色

猜你喜欢

转载自www.cnblogs.com/lcy-4/p/12563772.html