第三周学习周记

HTML第三周学习周记

• 前言
• 一、背景图片的设置
• 二、样式表
• 总结

---

前言

这一周的学习，老师教授给了我们如何设置网页背景，并利用内外部样式表快捷得设置文本格式。

---

一、背景图片的设置

背景图片的设置十分简单，我们需要用到如下五个元素：
background-color
background-image
background-repeat
background-attachment
background-position
其中color就是指背景颜色，image就是导入你自己选择的图片来作为背景图片，repeat就是这张图片铺了页面多少位置，attachment就是背景图像是否固定或者随着页面的其余部分滚动，position就是指背景图片的位置。这里我放上自己的设置背景图片代码供大家参考。

<style >
			body
			{
				background-image: url(images/backgroud2.jpg);
				background-repeat: no-repeat;
				background-size: 100% 100%;
				background-attachment: fixed;
			}
		</style>

这样就设置了一张整个网页的背景图片。

二、样式表

1.内部样式表

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用

<style>
			p{font-size: 1.5rem;}
			p{font-family: "楷体";}
			p2{font-family: 'Times New Roman', Times, serif;}
			h2{font-family: "微软雅黑";}
			a{font-family: 'Times New Roman', Times, serif;}
			p2{font-size: 1.5rem;}
			table.solid{border-style: dotted;}
</style>

2.外部样式表

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。 link 标签在（文档的）头部，在运用外部样式表的时候要在title标签下写上引用的代码：

<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />

当然在此之前，我们要在xbuilder里面创建一个css文件夹专门用来存放自己编写好的样式，如图：

然后就可以引用了：

<p id="para1">点击访问我的CSDN博客</p>

---

总结

这一周的学习进度就到这啦，我们下周再见