任務(wù)六~HTML3

一痊剖、line-height有什么作用?

  • line-height屬性是指文本行基線之間的距離菠齿,而不是字體的大小,它確定了將各個(gè)元素的高度增加多少或減少多少人灼。
  • line-height說(shuō)明

| line-heitht | introduction |
| :----------: | :-----------: | :-----------: | :-----------: |
| 值 | <length>、<percentage>顾翼、<number>投放、normal、inherit |
| 初始值 | normal |
| 應(yīng)用于| 所有元素 |
| 繼承性| 有 |
| 百分?jǐn)?shù) |相對(duì)于元素字體大小 |
| 計(jì)算值 |對(duì)于長(zhǎng)度和百分?jǐn)?shù)值是絕對(duì)數(shù)值适贸;否則灸芳,根據(jù)指定確定 |

  • line-height繼承
  • line-height值從父元素繼承時(shí),要從父元素計(jì)算拜姿,而不是在子元素上計(jì)算
  • line-height值指定為一個(gè)數(shù)時(shí)烙样,縮放因子將是繼承值而不是計(jì)算值。這個(gè)數(shù)會(huì)應(yīng)用到該元素及其所有子元素蕊肥,所以各元素都根據(jù)其自己的font-size計(jì)算line-height
  • 以上內(nèi)容來(lái)自于《CSS權(quán)威指南》

二谒获、如何去查CSS屬性的兼容性?比如inline-block哪些瀏覽器支持壁却?

  • 可以通過(guò)Can I use ....網(wǎng)站去查詢css屬性的兼容性
  • inline-bock得到的瀏覽器支持如下圖:


    inline-block瀏覽器支持圖

三批狱、a 標(biāo)簽的href, title, target 是什么? title 和 alt有什么區(qū)別展东?如何新窗口打開(kāi)鏈接?

  • a標(biāo)簽的href, title, target分別是:
  • href是a標(biāo)簽用于鏈接指定頁(yè)面的 URL的屬性
  • title是a標(biāo)簽用來(lái)提供鏈接信息的屬性
  • target是a標(biāo)簽用于指定打開(kāi)所鏈接資源的瀏覽環(huán)境赔硫,屬性值如下

| 屬性名稱 | 說(shuō)明 |
| :----------: | :-----------: | :-----------: | :-----------: |
| _blank | 在新窗口或標(biāo)簽頁(yè)中打開(kāi)文檔 |
| _parent | 在父窗口或者包含來(lái)超鏈接引用的框架的框架集中打開(kāi)文檔;若這個(gè)引用是在窗口或者在頂級(jí)框架中盐肃,則同目標(biāo) _self 等效|
| _self| 在當(dāng)前窗口打開(kāi)文檔(默認(rèn)) |
| _top| 在頂層窗口打開(kāi)文檔 |

  • titlealt的主要區(qū)別是:
  • alt只是html標(biāo)簽的屬性爪膊,而title既是html標(biāo)簽,又是html屬性
  • alt屬性用來(lái)指定替換文字砸王,只能用在img推盛、area和input元素中,用于網(wǎng)頁(yè)中圖片無(wú)法正常顯示時(shí)給用戶提供文字說(shuō)明使其了解圖像信息
  • title作為標(biāo)簽時(shí)处硬,用于設(shè)置網(wǎng)頁(yè)的標(biāo)題
  • title作為屬性時(shí)小槐,用來(lái)為元素提供額外說(shuō)明信息。例如荷辕,給a標(biāo)簽添加了title屬性凿跳,把鼠標(biāo)移動(dòng)到該鏈接上面是,就會(huì)顯示title的內(nèi)容疮方,以達(dá)到補(bǔ)充說(shuō)明或者提示的效果
  • 來(lái)自于html中的alt和title用法區(qū)別
  • 如何新窗口打開(kāi)鏈接~~
  • a標(biāo)簽target的屬性值設(shè)置為_(kāi)blank控嗜,即<a href="www.jirengu.com" target="_blank" title="">

四、display: none , visibility: hidden, opacity:0 有什么作用骡显?有什么區(qū)別疆栏?

  • display: none , visibility: hidden, opacity:0三者都會(huì)使元素隱藏不可見(jiàn)

  • 三者區(qū)別如下:

    • display: none不會(huì)刪除元素曾掂,但會(huì)使得元素隱藏而不可見(jiàn),而且元素原來(lái)所在位置也會(huì)被后面元素所占據(jù)壁顶,從而脫離文檔流

    • visibility: hidden不會(huì)刪除元素珠洗,但會(huì)讓元素隱藏起來(lái),元素原來(lái)所在位置仍然存在若专,沒(méi)有改變文檔流许蓖,但是不會(huì)觸發(fā)該元素已經(jīng)綁定的事件

    • opacity:0不會(huì)刪除元素,通過(guò)設(shè)置透明度讓元素隱藏起來(lái)调衰,但元素原來(lái)所在位置仍然存在膊爪,沒(méi)有改變文檔流,如果該元素已經(jīng)綁定一些事件嚎莉,如click事件米酬,那么點(diǎn)擊該區(qū)域,也能觸發(fā)點(diǎn)擊事件的

    • 參考自stackoverflow這是中文整理的地方

五趋箩、如何去除a鏈接的默認(rèn)樣式赃额?直接在a鏈接父容器添加顏色,能否繼承到當(dāng)前a鏈接上阁簸?

  • 去除a鏈接的默認(rèn)樣式爬早,可以使用text-decoration,即a{text-decoration:none;}
  • 直接在a鏈接父容器添加顏色启妹,是不能繼承到當(dāng)前a鏈接上筛严;要使a鏈接有自己的顏色,需要對(duì)a鏈接進(jìn)行單獨(dú)地設(shè)置饶米,比如桨啃, a{color:pink;}

版權(quán)聲明:本教程版權(quán)歸鄧攀和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源C适洹U振!丧慈!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末析命,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子逃默,更是在濱河造成了極大的恐慌鹃愤,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件完域,死亡現(xiàn)場(chǎng)離奇詭異软吐,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)吟税,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門凹耙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)姿现,“玉大人,你說(shuō)我怎么就攤上這事肖抱”傅洌” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵虐沥,是天一觀的道長(zhǎng)熊经。 經(jīng)常有香客問(wèn)我,道長(zhǎng)欲险,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任匹涮,我火速辦了婚禮天试,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘然低。我一直安慰自己喜每,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布雳攘。 她就那樣靜靜地躺著带兜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吨灭。 梳的紋絲不亂的頭發(fā)上刚照,一...
    開(kāi)封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音喧兄,去河邊找鬼无畔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛吠冤,可吹牛的內(nèi)容都是我干的浑彰。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼拯辙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼郭变!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起涯保,我...
    開(kāi)封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤诉濒,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后遭赂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體循诉,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年撇他,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了茄猫。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片狈蚤。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖划纽,靈堂內(nèi)的尸體忽然破棺而出脆侮,到底是詐尸還是另有隱情,我是刑警寧澤勇劣,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布靖避,位于F島的核電站,受9級(jí)特大地震影響比默,放射性物質(zhì)發(fā)生泄漏幻捏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一命咐、第九天 我趴在偏房一處隱蔽的房頂上張望篡九。 院中可真熱鬧,春花似錦醋奠、人聲如沸榛臼。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)沛善。三九已至,卻和暖如春塞祈,著一層夾襖步出監(jiān)牢的瞬間金刁,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工织咧, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留胀葱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓笙蒙,卻偏偏與公主長(zhǎng)得像抵屿,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子捅位,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案轧葛? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 1. line-height有什么作用? line-height指定一行的行高,使用后會(huì)使文本在上下居中。 lin...
    小木子2016閱讀 370評(píng)論 0 0
  • 參考1.line-height12.line-height23.line-height34.line-height...
    鴻鵠飛天閱讀 549評(píng)論 0 0
  • 昔登景山艇搀,盡收故宮全貌尿扯;今寶石山,可得西湖諸景焰雕。甚喜衷笋。 欲覽勝境,當(dāng)?shù)歉咛幘仄ǎ袡趹{眺辟宗,燈火闌珊爵赵;除知見(jiàn)障,亦當(dāng)臨高...
    L14閱讀 187評(píng)論 0 1
  • 成人初學(xué)手風(fēng)琴有什么好的方法大概多長(zhǎng)時(shí)間可以學(xué)會(huì) 成人一般得看你學(xué)琴的天賦泊脐,有的學(xué)習(xí)幾年空幻,有的很快就能上手 1、選...
    觀茉閱讀 20,757評(píng)論 0 3