05.HTML基本样式
2017-04-08 本文已影响0人
Lv_0
HTML样式
所谓样式,即HTML的展示形式,通过style属性定义,可直接与元素关联使用,也可定义在css文件里使用
-
背景颜色
■ background-color属性为元素定义了背景颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="background-color:gray">
<h5 style="background-color:red">标题</h5>
<p style="background-color:green">段落</p>
</body>
</html>
■ 设置了整个<body>的标签背景色,即下层显示的灰色,单独设置<h5>,<p>元素的背景色,如图所展示
从图中可看出,属性值的设置有就近原则,优先展示离自己最近的属性设置,也可理解为优先展示最小单
位属性值设置
展示图片
-
字体 颜色 尺寸
■ 字体:font-family 颜色:color 尺寸:font-size
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p style="font-family: '微软雅黑';font-size: 20px;color: blue;">
字体,颜色,大小
</p>
</body>
</html>
■ 一个属性具有多个属性值,中间应以;分割
展示图片
-
文本对齐
■ text-align属性定义文本的对齐方式,默认左对齐
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p style="text-align: center;">居中</p>
<p>居左</p>
</body>
</html>
展示图片
