
第2关:初识CSS
请在右侧编辑器中的Begin - End区域内补充代码,具体要求是:
1.按照要求的效果在标签中运用CSS样式,编辑唐诗“静夜思”
2.标题文本“静夜思”采用标签作用,标签中通过style属性为文本添加样式,添加顺序为: (1)字体设置为楷体;
(2)文本水平居中对齐;
(3)行间距设置为2
3.四句诗的文本采用标签作用,标签中通过style属性为文本添加样式,添加顺序为:
(1)字体设置为楷体;
(2)文本水平居中对齐。
初识CSS样式 静夜思
床前明月光
疑是地上霜
举头望明月
低头思故乡
第3关:用内嵌式引入CSS样式
请在右侧编辑器中的Begin - End区域内补充代码,为body标签添加样式规则,具体要求是:
1.为网页设置背景图,图像的url地址为https://data.educoder.net/api/attachments/1427381
2.设置背景图像的大小,使其保持纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
3.上述样式设置顺序: (1)设置背景图 (2)设置背景图的大小
内嵌CSS样式 静夜思
床前明月光
疑是地上霜
举头望明月
低头思故乡
第4关:用外链式引入CSS样式
请在右侧编辑器中的Begin - End区域内补充代码,为网页链接外部样式表,具体要求是: 1.为link标签设置href、type和rel属性 2.外部样式表的路径为:https://data.educoder.net/api/attachments/1433016 3.外部样式文件设置的样式可通过点击编辑器窗口左上角的“代码文件”查看
外链CSS样式 静夜思
床前明月光
疑是地上霜
举头望明月
低头思故乡
上一篇:正能量早安的句子