標籤：background import 優先順序
今天學習了CSS的樣式控制有四種方式：1.行內樣式；2、內嵌樣式、3、連結樣式；4、匯入樣式
1、行內樣式
<div id="a" style="width:100px;height:100px;background:#555555;"/>
2、內嵌樣式
<head>
<style type=
"text/css"
>
#a{
background:#ff5555;
}
</style>
</head>
3、連結樣式
<head>
<link rel=”stylesheet” type=”text/css” src=”style.css”></link>
</head>
4、匯入樣式
<head>
<style type=”text/css”>
@import url(“style.css”);
</style>
</head>
樣式優先順序：
一般情況下：行內樣式 > 內嵌樣式 > 連結樣式 > 匯入樣式
連結樣式代碼在內嵌樣式代碼之前時，樣式使用內嵌樣式
連結樣式代碼在內嵌樣式之後時，樣式使用連結樣式
匯入樣式代碼在連結樣式之前時，樣式使用連結樣式
匯入樣式代碼在連結樣式之後時，樣式使用匯入樣式
匯入樣式不管在內嵌樣式前還是後，都使用內嵌樣式
CSS樣式方式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
