引言
- 掌握Html语言和CSS语法,在实验2的基础上,利用css进行样式的重新设计和代码重构。
要求把css单独放到一个文件,并进行引用对网页进行渲染。- 设计一个个人主页,有个人介绍、照片展示等。
环境
用vs code进行编辑css文件
具体过程
1.首先新建文本文档,将后缀名改为.css
2.用vs code打开此文件,进行编辑
3.在html文件中引用外部的css文件,在<head>中加入<link> 标签链接到css
如:
<head>
<link rel="stylesheet" type="text/css" href="个人简介渲染.css" />
</head>
4.然后在css文件中进行编辑,分别采用元素选择器、id选择器、派生选择器、类选择器进行渲染。
个人简介.png
总结
- 初步掌握css编程的基础。
- html和css文件的链接问题。
网友评论