無憂無慮的長知識(shí)


新的一天新的開始,首先我們放一下我們的眼睛,舒展下我們的心情:

再燃熱的夏季,冰能讓我們感覺到?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

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

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,118評論 1 92
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,761評論 2 19
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,817評論 1 19
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,437評論 0 40
  • 剛開始步入社會(huì),處理事情比較急躁,而且有些隨心所欲,以自我為中心,隨著成長,開始更加懂得體諒他人,站在對方的角度思...
    金鳳凰的星辰大海閱讀 406評論 0 1

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