3.28.4
<!--css樣式的嵌入
1.行間樣式：在標簽中添加style屬性
格式：style="樣式1：樣式值1；樣式2=樣式值2；"
2.內嵌樣式：在head標簽中添加一個
<style></style>，將樣式寫在style標簽中
選擇器：需要給標簽設置id屬性或者class屬性
1.id選擇器：必須要給標簽設置id屬性
<style>
#s1{樣式1：樣式值1;
樣式2：樣式值2}
</style>
2.class選擇器；必須要給標簽設置class屬性
class：一類 class="pp"
<style>
.pp{樣式1：樣式值1;
樣式2：樣式值2
}
</style>
3.元素(標簽)選擇器：
<style>
元素(標簽)名
{樣式1：樣式值1;
樣式2：樣式值2
}
</style>
選擇器之間的關系：
1.并列關系：
選擇器1，選擇器2{
樣式1：樣式值1；
樣式2：樣式值2}
2.父子關系;
選擇器1 選擇器2
{樣式1：樣式值1;
樣式2：樣式值2
}
選擇器之間的優先級
id選擇器>class選擇器>元素選擇器
3.外部引入：
新建 xxx.css文件
在HTML文件中的head標簽中，引入css文件
格式：<link href="css文件路徑'
-->
<body>
<!--span用于包裹文字，給文字添加樣式-->
<span style="color: #4CE816;font-size: 60px">你好</span>
<p id="p1">這是一個段落標簽</p>
<p class="dd">這是一個段落標簽</p>
<p class="dd">這是一個段落標簽</p>
<p class="dd">這是一個段落標簽</p>
<p class="dd">這是一個段落標簽</p>
<span>span1</span>
<span>span2</span>
<span>span3</span>
<p id="p2">
<span class="dd"></span>
<span class="dd"></span>
</p>
</body>
?
<style>
#s1{ font-family:Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
font-size: 60px;
font-weight: 300;
font-style: italic;
color: #3DECE4
}
#p1{/*下劃線*/
/*text-decoration: underline;*/
/*刪除線*/
text-decoration: line-through;
text-decoration: overline;/*頂劃線*/
text-transform: uppercase;/*轉大寫*/
text-transform: capitalize;/*所有單詞的首字母大寫*/
text-indent: 20px;/*首行縮進*/
text-align: center;/*文本水平對齊 center*/
line-height: 20px;
background-color: #6AF92F/*背景顏色*/
}
</style>
<span id="s1">這是一個span標簽</span>
<p id="p1">這是一個p標簽hellow world</p>
轉載于:https://www.cnblogs.com/boss-H/p/10616028.html
總結
- 上一篇： Python入门篇-生成器函数
- 下一篇： 等待指定时间后自动跳转或关闭当前页面