css學什麼??
主要學習選擇器和屬性，選擇器是去找到標籤的位置，屬性是給標籤增加需要的樣式。
css選擇器
1.基本選擇器：
1.標籤選擇器
2.id選擇器
3.類選擇器(class="c1 c2 ...")
2.通用選擇器(*)
3.組合選擇器
1.後代選擇器(空格)
2.兒子選擇器(>)
3.毗鄰選擇器(div+p) 用的時候感覺有點問題
4.弟弟選擇器 （~）
4.屬性選擇器
1.[s9]
2.[s9="hao"]
3.其他不常用的
5.分組和巢狀
1.分組(用逗號分隔的多個選擇器條件)
2.巢狀(選擇器都可以組合起來使用)
6.選擇器的優先順序
1.選擇器相同，越靠近標籤的優先順序越高(就近原則)
2.權重的計算
1.內聯樣式1000
2.id選擇器100
3.類選擇器10
4.元素選擇器1
偽類和偽元素
1.偽類
1. : link
2. : visited
3. : hover(重要)
4. ：active
5. ：focus（input標籤獲取游標焦點）
2.偽元素
1. ：first-letter
2. ：before（重要 在內部前面新增）
3. ：after（重要 在內部後面新增）
css屬性
1.字型
1.font-family
2.font-size
3.font-weight
2.文字屬性
1.text-align 對齊(重要)
2.text-decoration 裝飾（去除a標籤的下劃線）
3.text-indent 行首縮排
3.背景屬性
1.background-color 背景顏色
2.background-image 背景
4.color
1.red (直接寫顏色)
2.#ff0000
3.rgb(255,0,0) --> rgba(255,0,0,0.5)
5.邊框屬性border
1.border-width （邊框寬度）
2.border-style（邊框樣式）
3.border-color （邊框顏色）
一般情況都用簡寫：border：1px solid red;
css盒子模型
1.content （內容）
2.padding（內填充）調整內容和邊框之間距離時使用這個屬性
3.border（邊框）
4.margin（外邊框）多用於調整標籤之間的距離
注意：要習慣看瀏覽器console視窗那個模型
display （標籤的展現形式）
1. inline
2.block 選單裡面的a標籤可以設定成block
3.inline-block
4.none （不讓標籤顯示，不佔位）
float（浮動）
1. 多用於實現布局效果（1.頂部的導航條，2.頁面左右分欄）
2.float：任何標籤都可以浮動，浮動之後都會變成塊級 （a標籤float之後就可以設定高和寬）
3.float取值
1. left
2.right
3.none
clear 清除浮動 >>> 清除浮動的*** （內容飛出，父標籤撐不起來）
1.結合偽元素來實現
.clearfix：after {
content：「」；
display：「block」；
clear：both；
2.clear取值 >>> left right both
overflow
1.標籤的內容放不下(溢位)
2.取值：
1.hidden ----> 隱藏
2.scroll -----> 出現滾動條
3.auto
4.scroll-x
5.scroll-y
定位 position
1.static(預設)
2.relative(相對定位 --> 相當於原來的位置)
3.absolute(絕對定位 --> 相當對於定位過的前輩標籤)
4.fixed （固定 ---> 返回頂部按鈕示例）
脫離文件流的3種方式
float
absolute
fixed
opacity(不透明度)
1.取值0~1
2.和rgba()的區別：
1.opacity改變元素\子元素的透明度效果
2.rgba()只改變背景顏色的透明效果
z-index
1.數值越大，越靠近你
2.只能作用於定位過的元素
3.自定義的模態框示例
前端基礎之css
css 規則由兩個主要的部分構成 選擇器，以及一條或多條宣告。selector 例如 2.1 行內式 行內式是在標記的style屬性中設定css樣式。這種方式沒有體現出css的優勢，不推薦使用。hello michael 2.2 嵌入式 嵌入式是將css樣式集中寫在網頁的標籤對的標籤對中。格式如下 ...
前端基礎之CSS
目錄css查詢標籤之基本選擇器 css查詢標籤之組合選擇器 屬性選擇器 分組與巢狀 d1,c1,span 注釋內容 eg 大標題 導航條樣式 登入框樣式 特點是方便檢視 最常用的方式 因將html和css柔和到一起，增加了耦合度，不推薦使用 直接通過標籤名查詢標籤 通過標籤的class屬性查詢標籤 ...
前端基礎HTML基礎之CSS
一 id選擇器 class選擇器 標籤選擇器 屬性選擇器 組合選擇器 設定css樣式有三種，第一種是通過在head中style定義選擇器，寫css樣式 第二種通過在標籤中新增屬性的方式定義css樣式 style background color black 第三中方式通過定義css樣式表 三種樣式定...