選擇符的權重： id > class > 標籤
首先通過四個數字表示權重：
內聯樣式表 -> 1000
id -> 100
class -> 10
標籤 -> 1
偽類選擇符 -> 10
萬用字元 -> 0
當****現包含選擇符的多個class或是其自身的id時，權重之和越高權重越大。
例:// #box div{} 100 + 1 == 101
// .wrap .con p{} 10 + 10 + 1 == 21
群組選擇符的權重是不會發生變化的，保持原來的權重值。
！important 權重是最高的
當問到css的層疊性問題時？ ->首先回答的應該就是權重問題!!!
產生權重關係，必然體現css的層疊性。
a:首先最高的!important 是最重要的樣式
b:內聯樣式表 > 內部樣式表和外部樣式表
內部樣式表和外部樣式表和書寫順序有關，後寫把前寫的覆蓋。
c：選擇符的權重：
id > class/偽類 > 標籤
d：各個不同級別的操作者的權重也不同
開發者樣式權重 > 讀者（使用者）樣式 > 瀏覽器樣式
e：當權重相同的時候，後寫的樣式會前寫的樣式 給 覆蓋掉。
首先回顧css的語法：
選擇符css屬性：width\height\background\color\border…
css的屬性值：常規屬性值、法定屬性值。
常規屬性值：100px\200px\300px
法定屬性值：官方指定乙個單詞，具有某種意義。
css文字屬性
文字屬性：
a:為了消除系統之間顯示差異，規定：16px 為標準字型大小。
b:文字大小設定，設定為偶數。
c:pc端專案，設定最小盡量別低於12px ;
d:從ps中獲取文字大小，漢字量取文字高度。
e:文字單位： px \ em \ pt(磅)【常用在印刷領域】
12px == 9pt
em( 相對大小單位，相對于父元素的font-size值而定 )
(預設情況下， 1em == 16px)
f:一些不常用的屬性值
xx-small =9px
x-small =11px
small =13px
medium =16px
large =19px
x-large =23px
xx-large =27px
顏色值：
a：十六進製制表示顏色值：
16進製制數字：0 - 9 a - f
顏色值： #ff0000
6個數字：
前兩位 紅色
中間兩位 綠色
最後兩位 藍色
此方法一般可以通過ps軟體中提取數值
b: rgb(255,0,0) 模式
拓展： rgba(255,0,0,0.5);
預設的字型型別：「微軟雅黑」
系統能支援的字型：web安全字型：微軟雅黑、宋體、楷體…
英文預設的字型：arial
語法：font-family:字型1,字型2,字型3,…
注：a:中文字型必須放在引號裡面
b:如果乙個字型多個單詞組成 也要放在引號裡面
c:如果字型是乙個單詞 不需要引號。
d:先寫英文本型，後寫中文字型。
屬性值：
bold 加粗
bolder 加粗
normal 清除加粗，恢復常規文字
100 - 900
100 - 500:不加粗
600 - 900:加粗的狀態
屬性值：
italic 傾斜
oblique 傾斜（傾斜幅度更大，但是一般不會有明顯變化）
normal 恢復常規文字
a: 從ps設計圖上：怎麼獲取行高:從第一行開始量到第二行開始。
b:單行文字：
如果讓單行文字在容器裡面上下居中，line-height設定容器高度即可
顯示狀態：
小於容器高度的時候：文字往上移動
大於容器高度的時候：文字往下移動
屬性值：
center 居中對齊
left 左對齊
right 右對齊
justify 兩端對齊
屬性值：
none 清除下劃線
underline 新增下劃線
overline 新增上劃線
line-through 新增刪除線
text-indent:2em；首行縮排：
text-indent能設定負值：文字往左走。（懸掛式縮排）
letter-spacing:; 字間距
word-spacing:; 詞間距
屬性值：
uppercase 大寫
lowercase 小寫
capitalize 每個單詞的首字母大寫
前端學習Day5
一.選擇符的權重 id class 標籤 四個數字表示權重 1.內聯樣式表 1000 2.id 100 3.class 10 4.標籤 1 5.偽類選擇符 10 6.萬用字元 0 7.包含選擇符的權重為權重之和 eg box div 權重 100 1 101 wrap con p 權重 10 10 ...
python學習日誌 day5
json和pickle模組主要用於序列化，有四個方法 dump dumps loads load 1.模組定義 用來從邏輯上組織python 本質上就是以.py結尾的python檔案 檔名test.py對應模組名 test 2.模組匯入方法 import module name import mod...
Beta衝刺日誌 Day 5
這個作業屬於哪個課程 班級的鏈結 這個作業要求在 作業要求的鏈結 團隊名稱 oneday 這個作業的目標 beta衝刺 作業正文 衝刺日誌day5 其他參考文獻 成員昨日成就 今日進度 遇到的困難 明日計畫 韓津優化分頁查詢的條件 新增寵物的顏色選擇 修改寵物顏色 獲取最新日記日期 進行寵物顏色的修...