首先创建一个.html文件,再创建一个.css文件
通过加载.css文件里的属性,来实现页面的更新,可以使代码更简洁。
1.在.html里加载css的方法
<head>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
link 代表css的路径
rel 代表css的标志
type是css的类型
通过这种方式,就可以修改在<body>内的文字或图片的属性
2.定义文字
在body中
<a class="a1">大家好
</a>
即可输出,若想改变颜色及大小等属性,可在.css中修改
.css中
.a1{
color:#ffffff;
font-size:30px;
}
修改文字的颜色,大小(像素)
3.制作图块
<div class="div1">
</div>
.css中
.div{
color:aqua;
font-size;20px;
width:100px;
height:200px;
background-color:chartreuse;
margin-left:50px; (距离上一层背景的左面边框的距离 (top、left...))
}
4.添加图片
<img src="./img/123.jpg" id="img">
</img>
在css中更改属性
.img{
width:200px;
height:200px;
}