給元素加樣式
- <標(biāo)簽 屬性名=“屬性”>
- style標(biāo)簽添加樣式,如下：
<h1>再談《戰(zhàn)爭(zhēng)與和平》：女性人物的美與罪</h1>
<h1 style="color:red;
font-size:30px;
text-decoration:underline;">再談《戰(zhàn)爭(zhēng)與和平》：女性人物的美與罪</h1>
分離內(nèi)容和樣式、元素分類和命名
h1拼卵、h2 標(biāo)簽選擇器 {屬性蓖议；}
<style>
h1 {
color:red;
font-size:30px;
text-decoration:underline;
}
a {
color:blueviolet;
font-size:20px;
}
h2 {
text-align:center;
}
p::first-line {
letter-spacing: 2px;
word-spacing: 4px;
}
</style>
<h1>再談《戰(zhàn)爭(zhēng)與和平》：女性人物的美與罪</h1>
<img class="avatar"src="images/001.jpg" alt="">
<span class="time"> 2018-03-05 20:44:08</span>
<br>
<img class="art-img" src="images/002.webp" alt=""><br>
<span class="note">海倫（BBC版）</span>
- 類選擇器
用class分類 .類選擇器 .time虏杰、.art-img
<style>
.time {
color:gray;
}
.note {
color:red;
}
.avatar {
border-radius: 50%;
}
a.art-img {
width:300px;
}
</style>
<span class="time"> 2018-03-05 20:44:08</span>
<img class="art-img" src="images/002.webp" alt=""><br>
<span class="note">海倫（BBC版）</span>
