欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

第三周学习周记

程序员文章站 2022-07-16 15:17:34
...

信息管理创新实践课程第三周学习周记

信息管理创新实践课程学习进度已至第三周,应课堂要求,创作此学习周记,并将以此方式持续记录。

学习内容

本节课初步学习HTML和CSS,可完成一些简单操作。
菜鸟教程自学地址:link.
编辑器:HBuilder X

知识点

1、背景
background-color 属性定义了元素的背景颜色.

2、id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。

3、class 选择器
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

4、内联样式
由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。
要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。

代码

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	<style>
	#para1
	{
		text-align:center;
		color:brown;
	} 
	.center
	{
		text-align:center;
		color:brown;
	}
	body
	{
		background-color:#b0c4de;
	}
	</style>
	</head>
	<body>
		<p id="para1"></p>
		<p>乌孙</p>
		<p>月氏</p>
		<p class="center">匈奴</p>
		<p>龟兹</p>
		<p>车师</p>
		<p style="color:sienna;margin-left:20px">西域</p>
	</body>
</html>