HTML5 文字及图片标签解析

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

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值