標籤:優先順序 自動 repeat class 方式 blog bottom css htm
1、css全稱為疊層樣式表,在HTML中有4種引入方式
a、行內樣式<dic style="color:red"></div>
b、內嵌式:在<head>中寫
<style type="text/css">
div{color:red;}
</style>
c、連結式 <link href="css檔案夾的路徑">
d、匯入樣式 @import url(css路徑)(一般不推薦使用,因為最後才載入它)
2、css選取器
選取器優先順序:id選取器>class選取器>標籤選取器
權重層級:行內樣式>內嵌式>連結式
css的繼承性:只有字型相關的屬性才能被繼承,比如說給一個div設定了字型的效果,以及高度寬度,在div裡面添加一個p標籤,那麼p標籤能繼承div的有關字型的樣式,但是不能繼承他的寬和高(還有一種可以被繼承,後期補充,暫時只能以div和p執行個體測試,對於其他標籤還不清楚)
3、利用border畫三角形:
代碼為:
<style>
.sjx{width:0px;height:0px;
border-width:200px;
border-style:solid;
border-left-color:#039;
border-right-color:#9C0;
border-top-color:#906;
border-bottom-color:#666;
border-left-color:transparent;
border-top-color:transparent;
border-bottom-color:transparent;}
</style>
<div class="sjx"></div>
4、background常用的5個屬性:url(圖片地址)
background-repeat:no-repeat
background-attachment:fixed(背景圖設定,而當內容填充滿瀏覽器的時候,瀏覽器會自動出現捲軸,下拉捲軸的時候,背景圖要一起滾動,這個設定則是讓背景圖固定不動)
css(層疊樣式表)(1課時)