1.1層疊性相同選擇器給設置相同的樣式,此時一個樣式就會覆蓋(層疊)另一個沖突的樣式。層疊性主要解決樣式?jīng)_突的問題層疊性原則:*樣式?jīng)_突,遵循的原則是就近原則,哪個樣式離結構近,就執(zhí)行哪個樣式*樣式不沖突,不會層疊1.2繼承性現(xiàn)實中的繼承:我們繼承了父親的姓CSS中的繼承:子標簽會繼承父標簽的某些樣式,如文本顏色和字號靶擦。簡單的理解就是:子承父業(yè)敞咧。*恰當?shù)厥褂美^承可以簡化代碼,降低CSS樣式的復雜性*子元素可以繼承父元素的樣式(text-、font-构眯、line-這些元素開頭的可以繼承,以及color屬性)*繼承性口訣:龍生龍,鳳生鳳,老鼠生的孩子會打洞1.3優(yōu)先級選擇器權重如下表所示糜值。優(yōu)先級注意點:1,權重是有4組數(shù)字組成,但是不會有進位个榕。2,可以理解為類選擇器永遠大于元素選擇器,id選擇器永遠大于類選擇器,以此類推.3,等級判斷從左向右,如果某一位數(shù)值相同,則判斷下一位數(shù)值凯旭。4,可以簡單記憶法:通配符和繼承權重為0,標簽選擇器為1,類(偽類)選擇器為10,id選擇器100,行內樣式表為1000,概耻!important無窮大.5·繼承的權重是0,如果該元素沒有直接選中,不管父元素權重多高,子元素得到的權重都是0使套。1.2盒子模型(盒子模型)組成所謂盒子模型:就是把HTML頁面中的布局元素看作是一個矩形的盒子,也就是一個盛裝內容的容器。CSS盒子模型本質上是一個盒子,封裝周圍的HTML元素,它包括:邊框,外邊距鞠柄、內邊距,和實際內容1.3邊框(border)border可以設置元素的邊框侦高。邊框有三部分組成:邊框寬度(粗細)、邊框樣式春锋、邊框顏色語法:border : border-width | | border-style | | border-color
2021-03-07
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來济欢,“玉大人赠堵,你說我怎么就攤上這事》ㄈ欤” “怎么了茫叭?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長半等。 經(jīng)常有香客問我揍愁,道長,這世上最難降的妖魔是什么杀饵? 我笑而不...
- 正文 為了忘掉前任莽囤,我火速辦了婚禮,結果婚禮上切距,老公的妹妹穿的比我還像新娘朽缎。我一直安慰自己,他們只是感情好谜悟,可當我...
- 文/花漫 我一把揭開白布话肖。 她就那樣靜靜地躺著,像睡著了一般赌躺。 火紅的嫁衣襯著肌膚如雪狼牺。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼弹囚,長吁一口氣:“原來是場噩夢啊……” “哼厨相!你這毒婦竟也來了?” 一聲冷哼從身側響起鸥鹉,我...
- 正文 年R本政府宣布,位于F島的核電站蹦狂,受9級特大地震影響誓篱,放射性物質發(fā)生泄漏。R本人自食惡果不足惜凯楔,卻給世界環(huán)境...
- 文/蒙蒙 一窜骄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧摆屯,春花似錦邻遏、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至廷没,卻和暖如春糊饱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背颠黎。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 1.CSS三大特性 1.1 層疊性 作用:相同選擇器設置相同樣式戏仓,此時一個樣式會覆蓋另一個沖突的樣式,主要解決樣式...