初學(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精英班”筆記)
累~~~聽一天報告,補補補>_<