任務(wù)6-html-3

1.line-height有什么作用?

答:這個(gè)代表行高挫酿,是指一行文字頂部和底部之間的高度余赢。line-height用于撐開(kāi)div的高度的高度芯义,div的高度與里面文字的大小無(wú)關(guān)。他還具有垂直居中性妻柒,把line-height設(shè)置為需要的box的大小可以實(shí)現(xiàn)單行文字的垂直居中扛拨。深入:

在顯示文章的box里,px的表示方法首先是要被淘汰的举塔。因?yàn)槲恼吕锩娴奈淖质怯写笥行〉陌缶褂胮x定值求泰,由于繼承性,無(wú)法實(shí)現(xiàn)根據(jù)文字大小自動(dòng)調(diào)整間距计盒,會(huì)出現(xiàn)大號(hào)文字重疊的現(xiàn)象渴频。normal也是不行的,一般文章顯示最好是650像素的寬度北启,1.5倍的行距較好卜朗。一般瀏覽器的normal值在1~1.2之間,使用normal必然文字間距過(guò)小咕村,閱讀吃力场钉。百分值也有繼承性,但是有個(gè)很搓的辦法可以實(shí)現(xiàn)文字間距自動(dòng)適應(yīng)于文字的大小懈涛,那就是使用“”通配符逛万。為什么說(shuō)這個(gè)方法搓呢,使用“”通配符大大增加了css的渲染肩钠,效率低泣港,而且有更好的方法,就是使用數(shù)值价匠。150%雖然和1.5在值上是一樣的当纱,但是它們也是有差別的,差別在于繼承性踩窖,使用百分比會(huì)計(jì)算line-height的值坡氯,然后以px像素為單位繼承下去,而1.5則是先繼承1.5這個(gè)值洋腮,遍歷到了該標(biāo)簽再計(jì)算去line-height的像素值箫柳。所以同樣的效果只需要.article_box{line-height:1.5;}
就可以實(shí)現(xiàn)了。

2.如何去查CSS屬性的兼容性啥供?比如inline-block哪些瀏覽器支持悯恍?

答:在網(wǎng)站can I use上查看。
如圖所示:

Paste_Image.png

3.a 標(biāo)簽的href, title, target 是什么伙狐? title 和 alt有什么區(qū)別涮毫?如何新窗口打開(kāi)鏈接?

答:a標(biāo)簽的href用來(lái)規(guī)定鏈接指向的頁(yè)面的 URL,title用來(lái)工具提示贷屎,當(dāng)鼠標(biāo)在超鏈接上懸停時(shí)罢防,會(huì)提示title中的內(nèi)容,target用來(lái)規(guī)定在何處打開(kāi)鏈接文檔。在新窗口打開(kāi)鏈接應(yīng)使用_blank唉侄,例如<a target="_blank" href="#"><a>咒吐。
alt 是圖片加載失敗時(shí),顯示在網(wǎng)頁(yè)上的替代文字;title 是鼠標(biāo)放上面時(shí)顯示的文字恬叹。這些都是表面上的區(qū)別候生,alt是img必要的屬性,而title不是妄呕。

4.display: none , visibility: hidden, opacity:0 有什么作用陶舞?有什么區(qū)別?

答:<display:none>使元素徹底消失仿佛從未存在一樣绪励,其他元素會(huì)重新排列網(wǎng)頁(yè)會(huì)重新渲染。
<visibility:hidden>使元素消失但是會(huì)保留元素所占的空間唠粥,不影響其他元素疏魏,且不會(huì)觸發(fā)該元素綁定的JS事件。
<opacity:0>顯示效果跟<visibility:hidden>一樣晤愧,但是可以觸發(fā)綁定的JS事件大莫。

5.如何去除 a 鏈接的默認(rèn)樣式?直接在 a 鏈接父容器添加顏色官份,能否繼承到當(dāng)前 a 鏈接上只厘?

答:在對(duì)相應(yīng)鏈接應(yīng)用樣式text-decoration:none。
a鏈接不會(huì)繼承父容器顏色舅巷,需要對(duì)a鏈接單獨(dú)設(shè)置樣式羔味。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市钠右,隨后出現(xiàn)的幾起案子赋元,更是在濱河造成了極大的恐慌,老刑警劉巖飒房,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搁凸,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡狠毯,警方通過(guò)查閱死者的電腦和手機(jī)护糖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)嚼松,“玉大人嫡良,你說(shuō)我怎么就攤上這事∠模” “怎么了皆刺?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)凌摄。 經(jīng)常有香客問(wèn)我羡蛾,道長(zhǎng),這世上最難降的妖魔是什么锨亏? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任痴怨,我火速辦了婚禮忙干,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浪藻。我一直安慰自己捐迫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布爱葵。 她就那樣靜靜地躺著施戴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪萌丈。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,182評(píng)論 1 299
  • 那天辆雾,我揣著相機(jī)與錄音肪笋,去河邊找鬼。 笑死度迂,一個(gè)胖子當(dāng)著我的面吹牛藤乙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播惭墓,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼坛梁,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了诅妹?” 一聲冷哼從身側(cè)響起罚勾,我...
    開(kāi)封第一講書(shū)人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎吭狡,沒(méi)想到半個(gè)月后尖殃,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡划煮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年送丰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弛秋。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡器躏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蟹略,到底是詐尸還是另有隱情登失,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布挖炬,位于F島的核電站揽浙,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜馅巷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一膛虫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钓猬,春花似錦稍刀、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至异雁,卻和暖如春捶障,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背纲刀。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留担平,地道東北人示绊。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像暂论,于是被迫代替她去往敵國(guó)和親面褐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案取胎? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,748評(píng)論 1 92
  • 一展哭,line-height行高有什么作用? 1 .行高的理解行高闻蛀、行距行高是指文本行基線間的垂直距離匪傍。那什么是基線...
    kingBirds閱讀 618評(píng)論 0 1
  • 參考1.line-height12.line-height23.line-height34.line-height...
    鴻鵠飛天閱讀 547評(píng)論 0 0
  • 1. line-height有什么作用? line-height指定一行的行高,使用后會(huì)使文本在上下居中。 lin...
    小木子2016閱讀 366評(píng)論 0 0
  • ?前端面試題匯總 一觉痛、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)役衡?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評(píng)論 0 8