您的位置：首页 > Web前端 > CSS

HTML学习05－HTML样式（CSS）

2016-07-28 15:35 483 查看

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:样式效果。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航