目录
1. 行内样式2. 内部样式3. 外部样式1. 行内样式
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>test title</title></head><body><div style="font-weight: 700; font-size: 50px;">盒子一</div></body></html>
显示效果:
2. 内部样式
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>test title</title><style>div {font-weight: 700;font-size: 50px;}</style></head><body><div>盒子一</div></body></html>
显示效果:
3. 外部样式
index.css和index.html位于同一文件夹下,内容如下:
div {font-weight: 700;font-size: 50px;}
index.html内容如下:
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>test title</title><link rel="stylesheet" href="index.css"></head><body><div>盒子一</div></body></html>
显示效果: