__x__(16)0906第三天__層疊樣式表CSS簡介
層疊樣式表CSScss
Cascading Style Sheetshtml
用來爲網頁建立樣式表，經過樣式表對網頁進行裝飾。瀏覽器
所謂層疊，就是將網頁想象成一層一層的結構，層次高的將覆蓋層次低的。緩存
CSS能夠爲網頁的每一個層次設置樣式。spa
語法： htm
選擇器｛聲明塊兒｝utf-8
聲明爲 「名：值；」語法
選擇器｛樣式
聲明1；margin
聲明2；
｝
分類：
1. 內聯樣式表
直接寫到標籤的style屬性當中，只對該標籤做用。
<p style="color:red; font-size:24px;">考試重點</p>
特色：做用於單一標籤，複用率低；若標籤過多地使用，不美觀。
2. 內部樣式表
將樣式表寫在<head>中的<style>標籤中。
<style type="text/css">
p{
color:red;
font-size:24px;
}
</style>
特色：使得表現與結構在HTML中實現分離。
3. 外部樣式表
寫在一個.css文件中，多個html網頁能夠連接並應用。
@charset "utf-8"
/* 這是一個css註釋，同c語言註釋 */
p{
color:red;
font-size:24px;
}
在index.html的head中連接外部css文件，應用其樣式：
<head>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
特色：結構與表現徹底分離；樣式可複用；利用瀏覽器的緩存能夠加快訪問速度。
相關文章
- 1. css---層疊式樣式表
- 2. CSS 層疊式樣式表
- 3. HTML CSS 層疊樣式表 三
- 4. CSS層疊樣式表
- 5. CSS（層疊樣式表）
- 6. CSS：層疊樣式表—position
- 7. CSS--層疊樣式表
- 8. css層疊樣式表
- 9. CSS 層疊樣式表
- 10. css層疊樣式表（2）——層疊樣式表的使用
- 更多相關文章...
- • Web 品質 - 樣式表 - 網站品質教程
- • ASP.NET MVC - 樣式和佈局 - ASP.NET 教程
- • Github 簡明教程
- • Java Agent入門實戰（一）-Instrumentation介紹與使用
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. css---層疊式樣式表
- 2. CSS 層疊式樣式表
- 3. HTML CSS 層疊樣式表 三
- 4. CSS層疊樣式表
- 5. CSS（層疊樣式表）
- 6. CSS：層疊樣式表—position
- 7. CSS--層疊樣式表
- 8. css層疊樣式表
- 9. CSS 層疊樣式表
- 10. css層疊樣式表（2）——層疊樣式表的使用