
新的一天新的開始,首先我們放一下我們的眼睛,舒展下我們的心情:
再燃熱的夏季,冰能讓我們感覺到?jīng)鏊?,喝一口杯中的冰水能讓我們有種“透心涼,心飛揚(yáng)”的神感,您看過之后有這樣的感覺么?深深的體驗(yàn)一下吧!
? ? ? 放松過后在積攢一些小知識(shí)吧!下面是我為大家整理的一些HTML知識(shí):
white-space: normal換行:nowrap不換行,英文字母不換行
overflow :hidden; 溢出隱藏
text-overflow :ellipsis;? 省略號(hào)
當(dāng)固定寬度,不換行,溢出隱藏的時(shí)候可以設(shè)置省略號(hào),三個(gè)點(diǎn)在下方.
關(guān)于文字的線:
?text-decoration:
? ? ? ? ? ? ? ? ? ? ? 1.沒有線: none
? ? ? ? ? ? ? ? ? ? ? 2.中劃線: line-through
? ? ? ? ? ? ? ? ? ? ? 3.上劃線: overline
? ? ? ? ? ? ? ? ? ? ? 4.下劃線: underline
樣式繼承:一切關(guān)于文本的操作,可以繼承的: color? ;text-indent? ;text-decoration ;line-height ;text-align ;font-size ;font-weight ;font-style ;font-family;
有些標(biāo)簽有例外
? ? ?a) ? ?i,em不能繼承font-style
? ? ?b) ? strong,b,h1-h6不能繼承font-weight
? ? ?c) ? ?a不能繼承color
? ? ?d) ? a標(biāo)簽text-decoration可以繼承,none除外
選擇器:
? ? ? ?1.嵌套選擇器:
? ? ? ? ? ? ? ? ? div span{}
? ? ? ? ? ? ? ? ? div標(biāo)簽下的的span標(biāo)簽
? ? ? ?2.群組選擇器:
? ? ? ? ? ? ? ? ?div,p{}? div i,div p{}
? ? ? ? 3.通配符:
? ? ? ? ? ? ? ? *{}
? ? ? ? 4.偽類選擇器(給a標(biāo)簽去加)
? ? ? ? ? ? ? ?a:link? ? 點(diǎn)之前
? ? ? ? ? ? ? ?a:visited? 點(diǎn)了之后
? ? ? ? ? ? ? ?a:hover? ? 鼠標(biāo)懸浮
? ? ? ? ? ? ? ?a:active? 鼠標(biāo)按下
? ? ? ? ? ? ? ?順序lvha
? ? ? ? ?5.id選擇器:
? ? ? ? ? ? ?a)相當(dāng)于身份證號(hào),不能重復(fù) ? ? ?b) 不用id加樣式,因?yàn)橐话鉯d都給js用
? ? ? ? 6.class選擇器:
? ? ? ? ? ? 相當(dāng)于人名,可以重復(fù)
? ? ? ? ? ? 推薦加樣式
? ? ? ? 7.標(biāo)簽選擇器:
? ? ? ? ? ? 就是標(biāo)簽名
? ? ? ? ? ? 推薦加樣式
選擇器優(yōu)先級(jí)/權(quán)重:低-高:* ,標(biāo)簽, class, id ,行間。
如果優(yōu)先級(jí)一樣,后面的覆蓋前面的
代碼調(diào)試
瀏覽器自帶工具
chrome? 鼠標(biāo)右鍵--檢查 f12
firefox? 鼠標(biāo)右鍵--檢查 f12
ie? ? ? 鼠標(biāo)右鍵--檢查 f12
塊標(biāo)簽:div p h1-h6
特點(diǎn):
a).獨(dú)占一行
b).寬度默認(rèn)是父級(jí)的100%
c).可以設(shè)置寬高
d).不會(huì)受空格和回車的影響
行標(biāo)簽:a span strong b em i
特點(diǎn):
a).共享一行
b).寬度由內(nèi)容撐起來
c).不可以設(shè)置寬高
d).受空格和回車的影響
行內(nèi)塊:img
特點(diǎn):
a).共享一行
b).可以設(shè)置寬高
c).受空格和回車的影響
塊標(biāo)簽? <> 行標(biāo)簽 <> 行內(nèi)塊
標(biāo)簽類型的轉(zhuǎn)換:display
變成塊 block
變成行 inline
變成行內(nèi)塊 inline-block
隱藏 none