HTML5 文字及圖片標籤解析
阿新 • • 發佈：2019-01-22
首先建立一個.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;
}