HTML学习笔记04-样式

HTML<style>属性

style属性的作用:

提供了一种改变所有HTML元素样式的通用方法

background-colco属性为元素定义了背景颜色：

<!DOCTYPE HTML>

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">这是一个红色的标题</h2>
<p style="background-color:green">这是一个绿色的段落</p>
</body>
    
</html>

HTML学习笔记04-样式

font-family属性定义了文本字体系列，font-size属性定义了字体大小

<!DOCTYPE HTML>

<html>
<body>
<h2 style="font-family:verdana">verdana字体</h2>
<p style="font-family:arial;color:red;font-size:20px;">红色段落，arial字体，字体大小20</p>
</body>
    
</html>

HTML学习笔记04-样式

text-align属性规定了元素中文字的对齐方式：

<!DOCTYPE HTML>

<html>
<body>
<h2 style="text-align:center">这是个标题</h2>
<p上面的标题相等于页面居中对齐</p>
</body>
    
</html>