2018.10.23 晚上 css學習1
下劃線標籤：<U> www.baidu.com </ U>。
一些以前不知道沒用過的進行總結一下：
<style> h2 {font-family：“宋體”} <./ style> //這樣輸出的被h2包裹的字型就是宋體啦
常用的小技巧：
1.現在網頁中普遍使用14px的
2.儘量使用偶數的數字作為字號，IE6等老式播放器支援奇數會有錯誤
3.中文字型需要加引號，英文字型一般不需要加字型，當要設定英文字型的時候，必須放在中文字型之前
4.各種字型之間使用逗號進行隔開
5.如果字型中包含空格＃$等特殊字元，則該字型必須加英文狀態下的單引號或者雙引號
6.儘量使用預設字型，保證在任何使用者的瀏覽器都能正確的展示
Unicode字型（相容性很好）儘量寫宋體微軟雅黑
在html中我們使用b strong標籤來使得字型變粗，在css中則使用font-weight來改變字型的粗細
使用方式：font-weight：100 | 200 | 300 | 400（普通）| 500 | 600 | 700（粗體）| 800 | 900 //最多到九百
在html中我們使用我的標籤來讓字型傾斜，在css中使用font-style：italic讓字型傾斜
font-style：normal（正常）italic（傾斜）
字型屬性用於對字型樣式進行綜合的設定，其基本語法如下：
{font：font-style font-weight font-size / line-height font-family;}
//注意順序不能調換否則就沒有效果其中不需要的屬性可以省略（取預設值）但是必須保留font-size和font-family屬性，否則屬性將不起作用。
選擇器的使用：
標籤選擇器:(注意只能選擇HTML裡面存在的標籤）頁面中同一標籤裡面的內容樣式的可以快速更改
1.類選擇器：可以單獨更改某個個標籤內容裡面的樣式class =“類名”
在進行定義屬性的時候。類名{font-style：italic ....}
2. id選擇器：id =“big”在定義樣式的時候這樣使用#big {font-style：italic ....}
3.萬用字元選擇器：* {color：pink} //其中*代表所有的選擇器
***類選擇器可以多次呼叫進行使用，而ID選擇器只能呼叫一次***
css類選擇器的常見的命名規範：儘量見名之意
偽類選擇器
偽類選擇器就是用於向某些選擇器新增特殊的效果，比如說滑鼠移動過去就會變顏色
：link {} //為訪問的連結
：visited {} //已經訪問的連結我們已經點選過一次的狀態
：hover {} //滑鼠移動上去的連結的狀態
：active {} //滑鼠按住不放的狀態
速記方法：LVHA
在實際工作中我們一般只是用a：hover {} //進行使用就好了
結構偽類選擇器（CSS3還有瀏覽器不相容）：
li：first-child {color：green} //父元素的第一個子元素就可以進行設定其樣式
li：last-child {color：green} //父元素的最後一個子元素就可以進行設定其樣式
li：nth-child（4）{color：skyblue} //可以任意選擇一個子元素為其改變樣式n從0開始的2n為偶數2n + 1為奇數
li：nth-child（even）{color：skyblue} //為偶數行的子元素改變樣式
li：nth-child（odd）{color：skyblue} //為奇數行的子元素改變樣式
li：nth-last-child（n）{color：skyblue} //是從下面往上開始數
目標偽類選擇器：
：目標{顏色：紅;字型大小：20畫素}
行高對齊以及縮排
line-height：18px //設定行高在實際工作中一般使用px來進行，一般情況下比字號大7或者8畫素即可
text-align：center //設定對其方式此外還有左左對齊右右對齊的對齊方式
text-indent：2em //首行縮排//簡易使用em為單位1em就是一個漢字的寬度
字母間距：2px; //控制字間距只對中文有效
字間距：10px的; //控制單詞間距只對英文單詞有效中文無效
設定顏色半透明狀態（css3）：h1 {color：rgba（0,0,0,0.2）} //第四個數為0.2表示透明度為0.2
設定文字陰影（css3）：text-shadow：5px 11px 3px rgba（0,0,0,0.5）; //水平位置垂直位置（水平位置和垂直位置必須寫）模糊距離陰影顏色