1.4-HTML-CSS-基本用法及頁面引用
阿新 • • 發佈:2018-12-15
摘要:為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,CSS
由此思想而誕生,CSS
是 Cascading Style Sheets
的首字母縮寫,意思是層疊樣式表。有了CSS
,html
中大部分表現樣式的標籤就廢棄不用了,html
只負責文件的結構和內容,表現形式完全交給CSS
,html
文件變得更加簡潔。
css
基本語法
css
的定義方法是:
- 選擇器 { 屬性:值; 屬性:值; 屬性:值;}
- 選擇器是將樣式和頁面元素關聯起來的名稱,屬性是希望設定的樣式屬性每個屬性有一個或多個值。 程式碼示例:
/* css註釋 ctrl+shift+"/" */ div{ width:100px; height:100px; color:red }
css
頁面引入方法:
1、外聯式:通過link標籤,連結到外部樣式表到頁面中。
<link rel="stylesheet" type="text/css" href="css/main.css">
2、嵌入式:通過style標籤,在網頁上建立嵌入的樣式表。
<style type="text/css">
div{ width:100px; height:100px; color:red }
......
</style>
3、內聯式:通過標籤的style屬性,在標籤上直接寫樣式。
<div style="width:100px; height:100px; color:red ">......</div>