css引入、css基礎(chǔ)選擇器、選擇器權(quán)重

初學(xué)入門,可能有些地方會理解有誤,懇請批評指正~

1. 主流瀏覽器:

????(1)占有一定的市場份額且必須有獨立研發(fā)的內(nèi)核。

????(2)瀏覽器由shell+內(nèi)核組成。shell是瀏覽器的操作部分的展示頁面。內(nèi)核是操作代碼識別和運行的。

????(3)主流瀏覽器有:IE(內(nèi)核trident),F(xiàn)irefox(內(nèi)核Gecko),Google chrome(內(nèi)核Eebkit/blink),Safari(內(nèi)核Webkit),Opera(內(nèi)核presto)

2. 備注格式:<!--? -->

3. css: cascading style sheet(層疊樣式表)

4. 引入css:

????(1)行間樣式,<div style=" css代碼 "></div>

????(2)頁面級css,在<body></body>中寫一個<div></div>,然后在<head></head>標簽中寫

????????????<style type="text/css">

? ? ? ? ? ? ? ? ? ? div {

????????????????????????????????css代碼

????????????????????}

????????????</style>

? ? ? ? ? ? 這樣,就會作用于<body></body>中的<div></div>標簽。

????(3)外部css文件(最實用最重要):

? ? ? ? ? ? ? ? <1>(在html文件的<body></body>標簽中添加<div></div>標簽)在<head></head>標簽中添加

? ? ? ? ? ? ????????????<link rel="stylesheet" type="text/css" herf="css文件所在地址">

? ? ? ? ? ? ? ? <2>在css文件中寫

? ? ? ? ? ? ????????????div{

? ? ? ? ? ? ? ? ? ? ????????????css代碼

? ? ? ? ? ? ????????????}

????????????這樣,就能把css文件和html文件鏈接起來,并且css文件中的"div"模塊作用于html文件中的<div></div>標簽。

5. 異步加載:同時加載;同步加載:不同時加載。

6. (元素)選擇器:

? ? (1)id選擇器:在html文件中的<div></div>元素的頭標簽中添加"id"屬性,在css文件中利用"#id值{css代碼}"定位選擇的元素。每個元素只能有一個id值。

????(2)class選擇器:在html文件中的<div></div>元素的頭標簽中添加"class"屬性,在css文件中利用".class值{css代碼}"定位選擇的元素。每個元素可以有多個class值,(class="demo demo1")一個class值可以被多個元素共有(多對多)。

????(3)標簽選擇器:在css文件中直接寫所選擇的標簽名,"標簽名{css代碼}",將選出html文件中所以的此類標簽。

????(4)通配符選擇器:形式"*{css代碼}",選擇所有的內(nèi)容。(在自定義標簽時會用到)

????(5)屬性選擇器:形式"[屬性名]{css代碼}"。

????(5)優(yōu)先級:!important>行間樣式>id選擇器>class選擇器==屬性選擇器>標簽選擇器>通配符選擇器

7. css權(quán)重(256進制):

????(1)important? ? ? ? ? ? ? ? Infinity? ?

????(2)行間樣式? ? ? ? ? ? ? ? 1000

????(3)id? ? ? ? ? ? ? ? ? ? ? ? ? ? 100

????(4)class|屬性|偽類? ? ? ? 10

????(5)標簽|偽元素? ? ? ? ? ? ? ?1

????(6)通配符? ? ? ? ? ? ? ? ? ? ? ? 0

8. 標簽中必須有內(nèi)容,鏈接的css代碼才能生效。


2018-10-18(渡一教育“web前端開發(fā)HTML+CSS精英班”筆記)

累~~~聽一天報告,補補補>_<

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容