整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
、css樣式的繼承性:
作用：給父元素設(shè)置一些屬性，子元素也可以使用
應(yīng)用場景：
一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，字體，文字大小等內(nèi)容。優(yōu)化代碼，降低工作量
注意點(diǎn)：
1.并不是所有的屬性都可以繼承，、
只有color/font-/text-/ line開頭的屬性才能繼承；
2.在css的繼承中，不僅僅是兒子可以繼承，只要是后代
都能繼承
3.繼承性中的特殊性
3.1 a標(biāo)簽的文字和顏色 和下劃線是不能繼承父元素的——舉例：
復(fù)制代碼
<style type="text/css">
div{
color:red
font-size:24px;
text-decoration: none;
}
</style>
<body>
< div>
<h1>我是大標(biāo)題</h1>
<a heref="#">我是超鏈接</a>
<p>我是段落</p>
</div>
（上面的代碼，只有p繼承了div設(shè)置的屬性，而a標(biāo)簽是不能繼承父元素的屬性,顏色不會(huì)變紅，下劃線也不會(huì)被去掉）
復(fù)制代碼
3.2 h標(biāo)簽的文字大小也是不能繼承父元素的(見上面代碼，<h1>標(biāo)簽中我是大標(biāo)題不會(huì)繼承<div>的 font-size:24px;屬性，所以需要給<h1>單獨(dú)寫個(gè)css樣式：h1{font-size:24px;}
應(yīng)用場景：
一般用于設(shè)置網(wǎng)頁上的一些共性信息，例如網(wǎng)頁的文字顏色，
字體，文字大小燈內(nèi)容
格式：
body{屬性：值;}
二、層疊性
比如p標(biāo)簽，給p標(biāo)簽設(shè)置id和class類名，選擇器上選擇p 和p的id或者class類名，設(shè)置相同的屬性，就是層疊性
三、優(yōu)先級：（三一）
作用：當(dāng)多個(gè)選擇器（比如選擇p標(biāo)簽和p標(biāo)簽里設(shè)置的id或者class昵稱），選中同一個(gè)標(biāo)簽，并且給同一個(gè)標(biāo)簽設(shè)置相同的屬性時(shí)，
如何層疊就優(yōu)先級來確定。
2.優(yōu)先級判斷的三種方式
2.1 是否直接選中，直接選中指的是直接選中要設(shè)置css樣式的標(biāo)簽，和標(biāo)簽的id或者class類名。（間接選中就是指的是繼承性，比如選擇<ul>那里面的li繼承ul的屬性，就稱為繼承屬性）
如果是間接選中，誰離目標(biāo)標(biāo)簽比較近就聽誰的。
2.2是否是相同的選擇器。
如果是相同選擇器，那么就是誰寫在后面就聽誰的。（比如給兩個(gè)p標(biāo)簽設(shè)置css樣式
p{color:blue}
p{color:red｝
那么就會(huì)以第二個(gè)p為標(biāo)準(zhǔn)，文字變成紅色
2.3不同的選擇器
如果都是直接選中，并且不是相同類型的選擇器，那么就會(huì)按照
選擇器的優(yōu)先級來層疊
id>類>標(biāo)簽>通配符>繼承>瀏覽器默認(rèn)
權(quán)重計(jì)算
如果選擇器里有直接選中和間接選中。哪怕是間接的選擇器為id選擇器，也會(huì)優(yōu)先實(shí)行直接選中的效果。
我是一名前端開發(fā)程序員，自己整理了一份2019最全面前端學(xué)習(xí)資料，從最基礎(chǔ)的HTML+CSS+JS到移動(dòng)端HTML5到各種框架都有整理，送給每一位前端小伙伴，這里是小白聚集地，歡迎初學(xué)和進(jìn)階中的小伙伴
前端資料獲取方式：
1.在你手機(jī)的右上角有【關(guān)注】選項(xiàng)，點(diǎn)擊關(guān)注！
2.關(guān)注后，手機(jī)客戶端點(diǎn)擊我的主頁面，右上角有私信，請私信回復(fù)：【學(xué)習(xí)】
電腦已經(jīng)設(shè)置好了關(guān)鍵詞自動(dòng)回復(fù)，所以回復(fù)的時(shí)候請注意關(guān)鍵詞喲~
一、先創(chuàng)建一個(gè)html文件，記得添加vue庫文件。
二、創(chuàng)建一盒容器vmdiv，用vue綁定它，測試vue綁定后的插入值text1效果。
三、加入文本框和兩個(gè)按鈕。
四、通過flex排序，讓它們?nèi)齻€(gè)豎排。比例為文本框占4，按鈕占1。
五、測試一下按鈕的點(diǎn)擊事件。
六、給文本框添加style樣式，給它字體大小為16px，并設(shè)置一個(gè)變量size，讓它來控制字的大小，通過點(diǎn)擊后，字變大加5，變小減5。
SS樣式優(yōu)先權(quán)
1.寫法優(yōu)先權(quán)
優(yōu)先級依次是：行內(nèi)樣式表 > 內(nèi)部樣式表> 外部樣式表。
2.選擇符優(yōu)先權(quán)
對于id 與 class 而言，id的定義優(yōu)先于class 的定義。具有class屬性的比沒有class屬性的優(yōu)先權(quán)要大。
id > class > 類型選擇符
樣式繼承
1.HTML 中的子標(biāo)簽會(huì)繼承部分父標(biāo)簽的樣式。
如: body { color:#ff0000;}那么頁面中,body之下的所有標(biāo)簽及標(biāo)簽下的所有子標(biāo)簽的文本都將變成紅色。
2. !important
在兩行相同類型的css樣式定義中，往往優(yōu)先執(zhí)行后面一個(gè);
p{font-size:14px;font-size:20px;}
但是可以通過!important 語法，提升某一句樣式表的重要性，使及優(yōu)先執(zhí)先 !important標(biāo)注的語句。
p{font-size:14px !important;font-size:20px;}
css 代碼注釋，以 /* 開始 */ 結(jié)束。
如：/* body樣式*/
body { margin:0px; padding:0px;}
/*LOGO樣式*/
#logo{ ……}
/*導(dǎo)航樣式結(jié)束*/
字體樣式
1.字體
font-family設(shè)置文字名稱，可以使用多個(gè)名稱，或者使用逗號
分隔，瀏覽器則按照先后順序依次使用可用字體。
例：Arial
p { font-family:'宋體'，'黑體'}
2.字號
font-size設(shè)置文字的尺寸
例：p { font-size:14px;}
3.字體加粗
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
例：p { font-weight:bold;}
4.斜體
font-style : normal | italic | oblique
例：p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
5.下劃線控制
text-decoration : none || underline || blink || overline || line-through
例：
p { text-decoration:overline;}
p { text-decoration:underline;}
p { text-decoration:line-through;}
6.字體樣式縮寫
font : font-style || font-variant || font-weight || font-size || line-height || font-family
例：
P {
font-style:italic;
font-weight:bold;
font-size:14px;
line-height:22px;
font-family:宋體;
}
也可以縮寫的形式：
p { font:italic bold 14px/22px 宋體}
1.行高
line-height : normal | length
例：p{ line-height:25px;} p{ line-height:150%}
2.段落縮進(jìn)
text-indent : length; p{ text-indent:4px;}
3.段落對齊
text-align : left | right | center | justify
對于text-aligh,不但是文本，對象中的其它元素也能夠被text-align進(jìn)行對齊方式的設(shè)置。
例：
p { text-align:right;}
p { text-align:center;}
4.文字間距
letter-spacing : normal | length
p{ letter-spacing:5px;}
關(guān)于margin外邊距和padding內(nèi)邊距會(huì)在下一章中講到。
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
