行高6

本教程版權歸凱旋和饑人谷所有茄螃,轉(zhuǎn)載須說明來源

、line-height有什么作用?

“行高”顧名思意指一行文字的高度。具體來說是指兩行文字間基線之間的距離绰寞。在單行或多行或
圖片垂直居中實現(xiàn)上的應用可以調(diào)整文字段落之間的間隙使其合理展示```
![行高.png](http://upload-images.jianshu.io/upload_images/145951-88bc11cdc123363a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

**參考文章**:
[深入理解css行高](http://muki.tw/tech/css-line-height/)
[css行高](http://www.cnblogs.com/dolphinX/p/3236686.html)
[line-height](http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/)
> *二* 、如何去查CSS屬性的兼容性铣口?比如inline-block哪些瀏覽器支持滤钱?

利用網(wǎng)站:[http://caniuse.com/](http://caniuse.com/)

![caniuse.jpg](http://upload-images.jianshu.io/upload_images/145951-5dbc73ec630e895f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

> *三* a 標簽的href, title, target 是什么? title 和 alt有什么區(qū)別脑题?如何新窗口打開鏈接?

alt屬性:
是給搜索引擎識別件缸,在圖像無法顯示時的替代文本,給用戶提供相關文字說明使其了解圖像信息叔遂,
應用在img他炊、area和input元素中
title的屬性:
使用 title 屬性,可以讓鼠標懸停在超鏈接上的時候已艰,顯示該超鏈接的文字注釋痊末。

title屬性并不作為搜索引擎抓取圖片的參考,更多傾向于用戶體驗的考慮哩掺。如果圖片旁邊已經(jīng)
有文字說明凿叠,就沒必要多此一舉的添加title。

之間區(qū)別:
搜索引擎對圖片意思的判斷嚼吞,主要靠alt屬性盒件。所以在圖片alt屬性中以簡要文字說明,
同時包含關鍵詞舱禽,也是頁面優(yōu)化的一部分炒刁。條件允許的話,可以在title屬性里呢蔫,進一步對圖片說明切心。 
alt是給搜索引擎識別片吊,在圖像無法顯示時的替代文本绽昏;title是關于元素的注釋信息,
主要是給用戶解讀俏脊。當鼠標放到文字或是圖片上時有title文字顯示全谤。
(因為IE不標準)在IE瀏覽器中alt起到了title的作用,變成文字提示爷贫。
在定義img對象時认然,將alt和title屬性寫全补憾,可以保證在各種瀏覽器中都能正常使用。

target屬性:
<a>標簽的 target 屬性規(guī)定在何處打開鏈接文檔卷员。
如果在一個<a>標簽內(nèi)包含一個 target 屬性盈匾,
瀏覽器將會載入和顯示用這個標簽的 href 屬性命名的、名稱與這個目標吻合的框架或者窗口中的
文檔毕骡。如果這個指定名稱或 id 的框架或者窗口不存在削饵,
瀏覽器將打開一個新的窗口,給這個窗口一個指定的標記未巫,然后將新的文檔載入那個窗口窿撬。從此以后,
鏈接文檔就可以指向這個新的窗口叙凡。

<a href="#" target="_blank"></a>語句用于在新窗口打開鏈接劈伴。

[參考](http://www.w3cfuns.com/notes/15867/f24c07016ec1be8e5b0a411e17e38718)
> *四* display: none, visibility: hidden opacity:0有什么作用?有什么區(qū)別握爷?

display=none
閉一個元素的顯示(對布局沒有影響)跛璧;其所有后代元素都也被會被關閉顯示。
文檔渲染時饼拍,該元素如同不存在赡模。
visibility=hidden,
讓元素在隱藏的同時占據(jù)其原有的位置,(空白占位如果該該元素已經(jīng)綁定一些事件师抄,如click事件,那么點擊該區(qū)域教硫,不能觸發(fā)點擊事件的
opacity=0叨吮,
opacity設置透明度。通過設置透明度將元素隱藏起來瞬矩,但不會改變頁面布局茶鉴,并且,
如果該元素已經(jīng)綁定一些事件景用,如click事件涵叮,那么點擊該區(qū)域,也能觸發(fā)點擊事件的

> *五* 如何去除 a 鏈接的默認樣式伞插?直接在 a 鏈接父容器添加顏色割粮,能否繼承到當前 a 鏈接上?

在該a鏈接的css樣式中添加"text-decoration:none媚污;"
直接在a鏈接父容器添加顏色不能繼承在a鏈接上舀瓢,除顏色外a鏈接都可以繼承父容器的樣式。

 
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末耗美,一起剝皮案震驚了整個濱河市京髓,隨后出現(xiàn)的幾起案子航缀,更是在濱河造成了極大的恐慌,老刑警劉巖堰怨,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芥玉,死亡現(xiàn)場離奇詭異,居然都是意外死亡备图,警方通過查閱死者的電腦和手機灿巧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诬烹,“玉大人砸烦,你說我怎么就攤上這事〗视酰” “怎么了幢痘?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長家破。 經(jīng)常有香客問我颜说,道長,這世上最難降的妖魔是什么汰聋? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任门粪,我火速辦了婚禮,結果婚禮上烹困,老公的妹妹穿的比我還像新娘玄妈。我一直安慰自己,他們只是感情好髓梅,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布拟蜻。 她就那樣靜靜地躺著,像睡著了一般枯饿。 火紅的嫁衣襯著肌膚如雪酝锅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天奢方,我揣著相機與錄音搔扁,去河邊找鬼。 笑死蟋字,一個胖子當著我的面吹牛稿蹲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播愉老,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼场绿,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起焰盗,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤璧尸,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后熬拒,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體爷光,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年澎粟,在試婚紗的時候發(fā)現(xiàn)自己被綠了蛀序。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡活烙,死狀恐怖徐裸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情啸盏,我是刑警寧澤重贺,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站回懦,受9級特大地震影響气笙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜怯晕,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一潜圃、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧舟茶,春花似錦谭期、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至客燕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間狰贯,已是汗流浹背也搓。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留涵紊,地道東北人傍妒。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像摸柄,于是被迫代替她去往敵國和親颤练。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案驱负? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,737評論 1 92
  • 一嗦玖,line-height行高有什么作用患雇? 1 .行高的理解行高、行距行高是指文本行基線間的垂直距離宇挫。那什么是基線...
    kingBirds閱讀 612評論 0 1
  • 1. line-height有什么作用? line-height指定一行的行高,使用后會使文本在上下居中苛吱。 lin...
    小木子2016閱讀 360評論 0 0
  • 參考1.line-height12.line-height23.line-height34.line-height...
    鴻鵠飛天閱讀 543評論 0 0
  • 1.老大感冒咳嗽,開車去拿藥油費40器瘪,藥費40翠储, 2.老二感冒,拿藥四十橡疼,口罩20.指甲刀60.
    7dcc83a874c1閱讀 74評論 0 0