第三周学习周记
程序员文章站
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>
上一篇: Redux