1. 程式人生 > >1.4-HTML-CSS-基本用法及頁面引用

1.4-HTML-CSS-基本用法及頁面引用

摘要:為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,CSS由此思想而誕生,CSSCascading Style Sheets 的首字母縮寫,意思是層疊樣式表。有了CSShtml中大部分表現樣式的標籤就廢棄不用了,html只負責文件的結構和內容,表現形式完全交給CSShtml文件變得更加簡潔。

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>