HTML样式
HTML文本格式化实例:
style 属性用于改变HTML元素的样式
提供了一种改变所有HTML元素的样式的通用方法
通过使用style 属性直接将样式添加到HTML元素,或者间接的在独立的样式表中(CSS文件)进行定义。
HTML样式实例-背景颜色
background-color 属性为元素定义了背景颜色。⚠️style属性淘汰了“旧的”bgcolor属性
<!-- body设置整个页面的背景色 -->
<body style="background-color: brown">
<!-- 设置标签的背景色-->
<p style="background-color: darkred">我是test03</p>
HTML 样式实例-字体、颜色和尺寸
font-family , color 以及font -size 属性分别定义元素中文本的字体系列、颜色和尺寸:
<h1 style="font-family: '宋体';font-size: 30px;color: aqua">this is h1</h1>
HTML样式实例-文本对齐
text-align属性规定了元素中文本的水平对齐方式:⚠️ style属性淘汰了旧的“align”属性;
<span style="font-size:14px;"><h2 style="color: gray;text-align: center">this is h2</h2></span>
HTML style样式实例:
<html>
<head lang="en">
<meta charset="UTF-8">
<title>这是test02</title>
<style>
.p1{
background-color: brown;
text-align: center;
font-family: '宋体';
}
</style>
</head>
<body>
<p class="p1" title="i'm limin"">我是test02</p>
</body>
</html>
样式在独立的样式表中(CSS文件)进行定义:
1:新建一个.css文件;并将样式写在里面。
2:链接到.html文件中。
3:样式效果。