HTML5 文字及图片标签解析

来源:互联网 发布:淘宝卖家记账软件 编辑:程序博客网 时间:2024/04/30 11:23

首先创建一个.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;

}


0 0
原创粉丝点击