css(層疊樣式表)(1課時)
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課時)