一、選擇器詳解（下）：符合選擇器部分
◆標籤指定式選擇器（交集選擇器）
◇語法： 標籤名(其他選擇器)
◇示例：
段落文字1
段落文字2
效果：段落文字1顯示紅色
結論：標籤指定式選擇器中的兩個選擇器是既~又的關係，如示例中，既是p標籤，又必須class屬性為content的元素被選中。
◆後代選擇器
◇語法： 選擇器1 選擇器2 ··· 選擇器n
◇示例：
段落中的段落文字
超連結效果：div標籤中的a標籤顏色變成紅色。
結論：■後代選擇器必須是用在巢狀關係的標籤上。
■後代選擇器只能獲得子元素並且是獲得所有的後代子元素。
◆並集選擇器
◇語法： 選擇器1，選擇器2，···，選擇器n
◇示例：
段落文字1
超連結效果：p標籤和a標籤中的文字都變成紅色
結論：並集選擇器必須由，號隔開，選擇的結果是所有符合條件的元素。
◆子代選擇器（了解）
◇語法： 選擇器》選擇器
◇特點：標籤必須巢狀，子代選擇器只能選擇直接後代。
◆屬性選擇器（了解）
◇語法： 選擇器[屬性="值"]
二、html標籤按顯4示方式分類
◆塊級元素
◇h1~h6、div、p、ul···等
◇特點：
■塊級元素的寬度預設是父級元素的寬度。
■塊級元素高度預設由其內容的大小決定，但是可以直接設定其高度。
■塊級元素是獨佔行顯示的。
◆行內元素
◇span、a、b、s···等
◇特點：
■行內元素是非獨佔行顯示的。
■行內元素寬和高預設由其內容決定，本質上沒有寬度。
■不能給行內元素設定寬和高。
◆行內塊元素
◇img、input
◇特點：
■非獨佔行顯示。
■可以設定寬和高。
◆div標籤元素
■div是乙個無語義的標籤，是乙個塊級元素。相當於乙個容器，可以放任何的html元素。
■示例：
div_1中的文字
div_2中的文字
□text-align屬性：文字對齊方式。該屬性可以在塊級元素（行內塊）中定義。
◆span標籤元素
■span是乙個無語義的標籤，是乙個行內元素。相當於乙個容器，可以放任何的html元素
■示例：
行內元素span標籤
◆元素模式轉換
◇display屬性：顯示方式
◇取值範圍：block(塊級元素) / inline-block（行內塊元素） / inline（行內元素）
◇示例:
行內元素文字1
行內元素文字2
效果：span標籤可顯示成塊級元素，並且獨佔行顯示。
結論：display可以將任何的元素進行轉換，但通常情況下，在需要給行內元素設定寬和高時才需要轉換。並不是所有的元素都需要進行轉換。
三、css特性
◆層疊性
◇同乙個標籤中使用多個樣式，如果樣式發生衝突，最後定義的樣式會覆蓋之前的樣式。
◇示例：
段落文字
效果：段落文字顯示綠色，20px。
◆繼承性
◇在巢狀關係的標籤中，子元素在預設情況下，會受到父元素的樣式影響。
◇注意：寬度和高度不能繼承。（塊級元素的寬度與父級元素相同不屬於繼承性）
◇可以繼承的屬性：
■與文字相關的屬性，例如color、font屬性、行高line-hight等
■如果子元素有預設的樣式，則不會繼承父元素樣式，比如：
超連結此時，超連結文字不會顯示成紅色。
□繼承的特殊標籤：
a標籤的文字顏色不受父元素影響
標題標籤(h1~h6)不受父元素的文字大小影響。
◆優先順序
◇樣式定義後給元素渲染的權重不同。
標籤選擇器 < 類選擇器 < id選擇器 < 行內樣式 < ! important
◇繼承的樣式權重為0
四、偽類
◆css偽類是用來新增一些選擇器的特殊效果。
◆語法： 選擇器:偽類名
◆常見的偽類：
◇a:link：a標籤的預設樣式
◇a:visited：a標籤訪問過後的樣式
◇a:hover：滑鼠劃過
◇input：focus ： 輸入框獲得游標
五、背景（background）
◆給標籤元素新增背景，包括顏色、等資訊
◇background-color： 背景顏色
◇background-img: url(路徑) 背景
◇background-repeat： 背景平鋪方式
■repeat/no-repeat/repeat-x/repeat-y
◇background-position： 背景位置
■具體方位名稱：
left / right / top / bottom / center
■具體數值
水平位置（x） 垂直位置（y）
◇background-attachment 背景滾動方式
■ scroll / fixed
◇background屬性聯寫
background：背景顏色 背景 平鋪方式 滾動方式 背景位置
示例：background：url(bg.png) no-repeat left;
CSS基礎入門
css是w3c協會 全球資訊網聯盟 為了彌補html在顯示屬性設定上面的不足而制定的一套擴充套件樣式標準。css的基本規則是 選擇符。css選擇器常用的是標記選擇器 類別選擇器和id選擇器，使用選擇器可對不同的html標籤進行控制，從而實現各種效果。標記選擇器是直接對標籤名稱進行選擇，選擇符為標籤名...
CSS入門基礎
內聯樣式 可以將css樣式編寫到元素的style屬性中 將樣式直接編寫到style屬性中，這種樣式我們稱為內聯樣式 內聯樣式只對當前元素中的內容起作用，內聯樣式不方便復用 內聯樣式屬於結構與表現耦合，不方便後期的維護，不推薦使用的 例 鋤禾日當午，汗滴禾下土 誰知盤中餐，粒粒皆辛苦 內部樣式表 也可...
CSS基礎入門
css基礎語法 派生選擇器 上下文選擇器 contextual selectors id選擇器 類選擇器 屬性選擇器 選擇器裡的特殊符號 插入css 樣式定義html元素的展示 結構html 行為js 樣式css相分離 優先順序從高至低 內聯樣式 html 元素中的 style 屬性 內部樣式表 標...