css3入門教程

css3介紹

CSS(Cascading Style Sheets):層疊樣式表,主要用來定義HTML在瀏覽器顯示出來的樣式,比如文字的大小、顏色等。

css語法

css樣式由選擇符聲明組成,聲明由屬性和值組成。
在這裏插入圖片描述

css註釋

/*註釋語句 */

css三種鏈接方式

內聯式css樣式

將css樣式代碼直接寫到html標籤裏,如:

<header style="color: red">我是如此優秀</header>

效果:
在這裏插入圖片描述

嵌入式css樣式

把css樣式代碼寫在<style type=“text/css”></style>標籤之間。此標籤一般放在<head></head> 標籤之間。

代碼:
在這裏插入圖片描述

外部式css樣式

將html與css分開,將css代碼寫在一個單獨的外部文件裏。css樣式文件以.css爲擴展名,在html文件裏,在<head>標籤內用<link>標籤,將css樣式文件連接到html文件內。

代碼示例:
html文件:

<!-- "rel" and "type" is fixed and cannot be modified; "href" is the name of CSS file -->
<link rel="stylesheet" href="style.css" type="text/css">

css文件:

span{
    color: royalblue;
}

三種鏈接方式優先級(更新中)

寫了一下午代碼,該去吃一些靈魂食糧了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章