1. 程式人生 > >css(層疊樣式表)(1課時)

css(層疊樣式表)(1課時)

繼承 http 效果 樣式表 圖片地址 不清楚 內嵌 設置 class選擇器

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課時)