css用法
- 高洛峰原創
- 2016-10-08 15:36:181742瀏覽
<br/>
Css（Cascading Style Sheets,層疊樣式表）是一種頁面美化方法，透過編輯Css的物件屬性來達到美化頁面的效果。 Css的操作基本單元為對象，使用CSS的感覺就像是使用C++/C中的函數，CSS對象就像是函數，透過定義，聲明，呼叫來使用。
CSS有三種選擇器（物件定義與使用方式）：標籤選擇器，類別選擇器，ID選擇器
CSS有四種包含方法：行內式，內嵌式，連結式，導入式
標籤選擇器：
定義：引用的樣式物件名稱{標籤屬性：屬性值；標籤屬性：屬性值；….}
eg: h1,h2{text-align: center; color: redred: center; ;}
使用：
……..
……..
類別選擇器：
定義：標籤名稱。值；標籤屬性：屬性值;….}或
.類別名稱{標籤屬性：屬性值；標籤屬性：屬性值；….}
eg: p.center{text-align: center };
.right{ text-align: right; }
使用：
……..
...
(*區別：後一種格式表示所有class屬性值為該類別名稱的標籤都遵守該類別所定義的樣式)
(eg: 定義了.right{text-align: right;}，調用的時候，只要是透過class呼叫right的屬性的標籤，都可以表現出right的屬性。 >;…;等等標籤都表現出右對齊的屬性。屬性：屬性值；….}
eg: #sample{font-family:宋體; don't-size:60pt;}
使用：
…
使用：
…
行內式： 不需要定義選擇器，利用style屬性直接為元素設計樣式 eg:
…
內嵌式： 定義選擇器，將樣式表定義在之間。 eg:<html>
<head>
<title>xxxxxx</title>
<style type=”text/css”>
p{color: #000FF;}
.info{font-size: 12px;}
</syle>
</head>
</html>
，在之間。 eg:
導入式： 與連結式方法類似，只是透過import的導入方法。 eg:
CSS樣式表的優先權：嵌入式樣式表> 內聯樣式> 外聯樣式表>聯式> 瀏覽器預設
<br/>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn