泰牛PHP实地培训 - 教程宝盒网

教程詳情

教程名字：泰牛PHP實地培訓
教程大小：11.6GB
作者：泰牛

輕松搞定Div+Css
第 1 章 div+css的開山篇 1
1.1 什麽是div+css 1
1.2 div+css的快速入門案例 1
第 2 章 div+css的必要性 3
2.1 css可以統一我們的網站風格 3
2.2 css可以通過濾鏡來控制圖片的顯示風格 3
第 3 章 css的選擇器 5
3.1 選擇器的分類 5
3.2 類選擇器 5
3.3 id選擇器 6
3.4 html标簽選擇器 7
3.5 僞類選擇器 11
3.6 通配符選擇器 15
3.7 組合選擇器 16
3.7.1 多元素選擇器 16
3.8 後代選擇器 18
3.9 子元素選擇器 19
第 4 章 css選擇器的深入讨論 21
4.1 後代選擇器再說明 21
4.2 id選擇器的優先級高于類選擇器 22
4.3 多個類選擇器修飾同一個html元素 22
4.4 所有選擇器的優先級大比武 23

第 1 章div+css的開山篇
1.1什麽是div+css
div是區塊，在網頁開發中，用來存放内容(文字，圖片，表格等等)
css 是層疊樣式表，它的作用是用來規定div和div中的内容的位置和樣式（顔色，大小，背景，列表的樣式）
div+css 結合就可以做到把内容和樣式分離，好處是1. 代碼簡潔，便于維護 2. 理由seo[搜索引擎優化]
1.2div+css的快速入門案例

第 2 章
div+css的必要性
2.1css可以統一我們的網站風格
2.2css可以通過濾鏡來控制圖片的顯示風格
把網站的圖片全部變成黑白的，或者模糊的.

第 3 章
css的選擇器
3.1選擇器的分類
類選擇器(class選擇器)
id選擇器
html元素選擇器(标簽選擇器)
通配符選擇器
僞類選擇器
組合選擇器(多元素選擇器，子元素選擇器，後代選擇器)
3.2類選擇器
基本語法:
.類選擇器名稱{
css屬性:屬性值；
css屬性:屬性值；
}

補充：
1.選擇器的名稱命名規範 .小寫字母-小寫字母
2.一般說，類選擇器是提供給多個html元素來使用

3.3id選擇器
基本語法:
#id選擇器名稱{
css屬性:屬性值；
css屬性:屬性值；
}

細節:
1.一般來說id選擇器是提供給某一個html元素來使用
2.當我們不确定，有多個html元素來使用該樣式時，請使用類選擇器

3.4html标簽選擇器
基本用法:
html标簽名稱{
屬性名:屬性值;
屬性名:屬性值;
}

細節:
1.類選擇器的優先級>标簽選擇器
2.父元素的樣式，會被子元素繼承
提出一個問題，如何分别指定同一個标簽(p)的不同樣式

3.5僞類選擇器,僞類選擇器
3.6通配符選擇器
3.7組合選擇器
3.7.1多元素選擇器
3.8後代選擇器

結論:
1. 如果我們的後代選擇器的某個元素需要特别的樣式，則可以以下面形式來完
2. 标簽選擇器優先級 < 類選擇器 3.9子元素選擇器基本的語法是選擇器 > 選擇器{

}

第 4 章
css選擇器的深入讨論
4.1後代選擇器再說明

小結: 我們使用後代選擇器，盡量使用标簽選擇器，或者類選擇器和标簽選擇器組合.