前端css：1,css 的引入方式
2，css中選擇器
1.基本選擇器： /*標籤選擇器*/
/*類標籤選擇器，.類屬性值 重點知識*/
/*id選擇器，#+id值，#id的值，不是id，重點知識*/
/* * 通用選擇器，了解即可*/
2，組合選擇器： /* 後代選擇器, 找所有的後代*/
/*兒子選擇器*/ /*div>span 大於號就表示僅限找自己的兒子標籤*/
/*毗鄰選擇器，+表示毗鄰，只找緊跟著自己的，或者說找離自己最近的*/
/*弟弟選擇器 ~ 找的是同級別的下面的所有標籤*/
三 屬性選擇器：
1,具有某個屬性名 [屬性名] 案列：[hobby] {}
2，具有某個屬性名及屬性值 [屬性名=屬性值] 案例：[hobby="dbj"]{}
3，具有某個屬性名及屬性值得標籤 標籤名[屬性名=屬性值] 案例 input[hobby="dbj"]{}
四：組合與巢狀： 1，分組選擇器 標籤名1，標籤名2，標籤名3，{}
2， /*分組與巢狀*/
/*乙個css樣式裡可以使用多個選擇器，多個不同的選擇器同時使用就叫巢狀*/
#d1,.c1,span{}
五：偽類選擇器：
a:link {} 未訪問的鏈結
a:hover 滑鼠移動到鏈結上
a:active {} 選定的鏈結
a:visited {} 已訪問的鏈結
input:focus {} input輸入框獲取焦點時樣式
六：偽元素選擇器：
before
/*在每個元素之前插入內容*/ p:before {}
七：選擇器優先順序：
內聯式》id選擇器》類選擇器》元素選擇器
一基礎：
1，什麼是css，
css（cascading style sheet，層疊樣式表)定義如何顯示html元素。
當瀏覽器讀到乙個樣式表，它就會按照這個樣式表來對文件進行格式化（渲染）
2，css語法
1，每個css有兩個組成部分：選擇和宣告（選擇器和屬性名和屬性值）
2，注釋
/*單行注釋*/
/*多行注釋
多行注釋
*/二：css的引入：
1，通過寫在乙個單獨css檔案引入（標準寫法，推薦使用）
2，寫在當前網頁的標籤對的標籤對中
3，寫在標籤內部（不推薦）
三 選擇器：
1.基本選擇器：
今夜來嗨呀:
嗨個鬼也
狂風呀，下雨呀，
哎呀呀，子牙呀，
你妹呀2，組合選擇器：
div外面上面的p
div；外面上面第乙個span
div；外面上面第二個span
div裡面上面的span
p裡面的span
div裡面下面的span
div外面下面的span
div外面的第二個span
div外面下面的p
三 屬性選擇器：
username：
password：
註冊四：組合與巢狀：
屁div
span
五：偽類選擇器：
/* 未訪問的鏈結 */
a:link
/* 滑鼠移動到鏈結上 */
a:hover
/* 選定的鏈結 */
a:active
/* 已訪問的鏈結 */
a:visited
/*input輸入框獲取焦點時樣式*/
input:focus
六 偽元素選擇器：
first-letter
常用的給首字母設定特殊樣式：
p:first-letter
before
/*在每個元素之前插入內容*/
p:before
after
/*在每個元素之後插入內容*/
p:after
七：選擇器優先順序：
內聯式》id選擇器》類選擇器》元素選擇器
前端 css 選擇器
css 為了修飾頁面作用,讓頁面好看 css的引入方式 1,行內樣式 body裡面 2,內接樣式 在html裡面的 style 裡面 3,外接樣式 兩種 鏈結式 匯入式 優先順序 行內優先順序 最高 內接的優先順序 外接優先順序 引入 id 的優先順序 比 class 的優先順序要高 標籤選擇器 d...
Web 前端 CSS選擇器
選擇器 選擇器類選擇器 類選擇器 三年級時，我還是乙個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。到了三年級下學期時，我們班上了一節公開課，老師提出了乙個很簡單的問題，班裡很多同學都舉手了，甚至成績...
Web前端 CSS選擇器
本文介紹css的選擇器，包括元素選擇器 id選擇器 類選擇器 屬性選擇器 後代選擇器 子元素選擇器 相鄰兄弟選擇器。本文內容結合w3c教程編寫 1 元素選擇器 又稱型別選擇器 type selector 是最常見的css選擇器，文件的元素就是選擇器，比如p h1 甚至html本身。p h12 id選...