line-height
行高是指文本行基線間的垂直距離
關(guān)于行高 行距 基線等概念的圖例：
在div中使文字垂直居中
代碼：
<style>
div {
border: 1px solid #ccc;
width: 200px;
height: 80px;
font-size: 14px;
line-height: 80px;
color: #fof;
text-align: center;
}
</style>
</head>
<body>
<div>
這里是饑人谷
</div>
</body>
效果：
原理：
當(dāng)height與line-height值相同布蔗，文字被擠壓到了中央藤违。
在div中使圖片垂直居中
代碼：
<style>
div {
height: 300px;
width: 300px;
background-color: #ccc;
display: table-cell;
vertical-align: middle;
text-align: center;
}
</style>
</head>
<body>
<div>
</div>
</body>
效果：
原理：vertical-align: middle;只能在表格中使用，display: table-cell;使div以表格形式渲染纵揍，以使用vertical-align: middle;.
查詢css屬性在個(gè)瀏覽器中的兼容性
在can i use進(jìn)行查詢
關(guān)于a標(biāo)簽的用法
<a>用于定義一個(gè)超鏈接到同一頁(yè)上的某個(gè)位置顿乒，或者在網(wǎng)絡(luò)上的任何其它頁(yè)面。
href
<a>元素最重要的屬性是 href 屬性泽谨，它指示鏈接的目標(biāo)
<a >W3School</a>
在所有瀏覽器中璧榄，鏈接的默認(rèn)外觀是：
未被訪問的鏈接帶有下劃線而且是藍(lán)色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動(dòng)鏈接帶有下劃線而且是紅色的
<a>標(biāo)簽的 href 屬性用于指定超鏈接目標(biāo)的 URL。href 屬性的值可以是任何有效文檔的相對(duì)或絕對(duì) URL隔盛，包括片段標(biāo)識(shí)符和 JavaScript 代碼段犹菱。如果用戶選擇了a標(biāo)簽中的內(nèi)容，那么瀏覽器會(huì)嘗試檢索并顯示 href 屬性指定的 URL 所表示的文檔吮炕，或者執(zhí)行 JavaScript 表達(dá)式腊脱、方法和函數(shù)的列表。
超鏈接的 URL值：
絕對(duì) URL - 指向另一個(gè)站點(diǎn)（比如)
相對(duì) URL - 指向站點(diǎn)內(nèi)的某個(gè)文件（href="index.htm")
錨 URL - 指向頁(yè)面中的錨（href="#top")
title###
<a> 標(biāo)簽中title作為屬性使用龙亲，用來為<a>元素提供額外說明信息陕凹。例如，給超鏈接標(biāo)簽a添加了title屬性鳄炉，把鼠標(biāo)移動(dòng)到該鏈接上面是杜耙，就會(huì)顯示title的內(nèi)容，以達(dá)到補(bǔ)充說明或者提示的效果拂盯。
如：
<a title=一個(gè)搜索引擎 target=_blank>baidu</a>
其效果為
target
<a> 標(biāo)簽的 target 屬性規(guī)定在何處打開鏈接文檔佑女。
特殊的目標(biāo)
有 4 個(gè)保留的目標(biāo)名稱用作特殊的文檔重定向操作：
_blank
瀏覽器總在一個(gè)新打開、未命名的窗口中載入目標(biāo)文檔。
_self
這個(gè)目標(biāo)的值對(duì)所有沒有指定目標(biāo)的 <a>標(biāo)簽是默認(rèn)目標(biāo)团驱，它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔摸吠。這個(gè)目標(biāo)是多余且不必要的，除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用嚎花。
_parent
這個(gè)目標(biāo)使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集寸痢。如果這個(gè)引用是在窗口或者在頂級(jí)框架中，那么它與目標(biāo) _self 等效紊选。
_top
這個(gè)目標(biāo)使得文檔載入包含這個(gè)超鏈接的窗口啼止，用 _top 目標(biāo)將會(huì)清除所有被包含的框架并將文檔載入整個(gè)瀏覽器窗口。
提示：這些 target 的所有 4 個(gè)值都以下劃線開始兵罢。任何其他用一個(gè)下劃線作為開頭的窗口或者目標(biāo)都會(huì)被瀏覽器忽略献烦，因此，不要將下劃線作為文檔中定義的任何框架 name 或 id 的第一個(gè)字符趣些。
title 和 alt有什么區(qū)別仿荆？###
首先明確一下概念，alt是html標(biāo)簽的屬性坏平，而title既是html標(biāo)簽拢操，又是html屬性。title標(biāo)簽這個(gè)不用多說舶替，網(wǎng)頁(yè)的標(biāo)題就是寫在<title></title>這對(duì)標(biāo)簽之內(nèi)的令境。title作為屬性時(shí)，用來為元素提供額外說明信息顾瞪。例如舔庶，給超鏈接標(biāo)簽a添加了title屬性，把鼠標(biāo)移動(dòng)到該鏈接上面是陈醒，就會(huì)顯示title的內(nèi)容惕橙，以達(dá)到補(bǔ)充說明或者提示的效果。而alt屬性則是用來指定替換文字钉跷，只能用在img弥鹦、area和input元素中（包括applet元素），用于網(wǎng)頁(yè)中圖片無法正常顯示時(shí)給用戶提供文字說明使其了解圖像信息爷辙。注意彬坏，alt是替代圖像作用而不是提供額外說明文字的。
alt屬性是在你的圖片因?yàn)槟撤N原因不能加載時(shí)在頁(yè)面顯示的提示信息膝晾，它會(huì)直接輸出在原本加載圖片的地方栓始，而title屬性是在你鼠標(biāo)懸停在該圖片上時(shí)顯示一個(gè)小提示，鼠標(biāo)離開就沒有了血当，有點(diǎn)類似jQuery的hover幻赚，另外禀忆，HTML的絕大多數(shù)標(biāo)簽都支持title屬性，title屬性就是專門做提示信息的坯屿。
補(bǔ)充知識(shí)：<TITLE><ALT>里面如何多行換行油湖？在源代碼里Enter回車巍扛。
新窗口打開鏈接###
使用
target=_blank
例如：
<a title=一個(gè)搜索引擎 target=_blank>baidu</a>
表格
<table> 定義表格
<th>定義表格的表頭
<tr>定義表格的行
<td>定義表格單元(列).
例子：
<style>
table {
width: 500px;
border-collapse: collapse;
text-align: center;
}
table th {
background: blue;
border: 1px solid #ccc;
padding: 5px;
}
table td {
border: 1px solid #ccc;
padding: 5px;
}
tr:hover {
background: #eee
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>性別</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
</tr>
<tr>
<td>小花</td>
<td>女</td>
</tr>
</table>
</body>
效果：
原理：
border-collapse: collapse;合并邊框
tr:hover在鼠標(biāo)放上去后改變效果
display: none , visibility: hidden, opacity:0 作用與區(qū)別##
作用：
三個(gè)屬性的作用都是讓元素在頁(yè)面上不可見
區(qū)別：
但是在具體到不可見的元素是否可以點(diǎn)擊以及元素在頁(yè)面上是否占居空間卻表現(xiàn)不同领跛。
{ display: none; /* 不占據(jù)空間，無法點(diǎn)擊 / }
{ visibility: hidden; / 占據(jù)空間撤奸，無法點(diǎn)擊 / }
{ opacity: 0; filter:Alpha(opacity=0); / 占據(jù)空間吠昭，可以點(diǎn)擊 ，觸發(fā)事件*/ }
display屬性設(shè)定為“none”的元素將不產(chǎn)生任何的框（Box）胧瓜，也就是說矢棚，元素對(duì)布局沒有影響，瀏覽器將不顯示該元素府喳，包括其后代元素蒲肋。更不會(huì)占位。
而如果設(shè)定“visibility : hidden” 或者"opacity:0"則會(huì)生成元素框钝满，只是元素“不可視”兜粘，而其他非視覺的屬性都將生效，例如widht弯蚜、padding等孔轴。
display:none隱藏產(chǎn)生reflow和repaint(回流與重繪)，而visibility:hidden沒有這個(gè)影響前端性能的問題碎捺。
一旦父節(jié)點(diǎn)元素應(yīng)用了display:none路鹰，父節(jié)點(diǎn)及其子孫節(jié)點(diǎn)元素全部不可見。而如果父節(jié)點(diǎn)應(yīng)用了visibility:hidden聲明收厨，子孫元素應(yīng)用了visibility:visible晋柱，那么這個(gè)子孫元素又會(huì)顯現(xiàn)出來.
當(dāng)display:none屬性在外部css文件中，或者在<head> <style>標(biāo)簽內(nèi)時(shí)诵叁。body內(nèi)對(duì)應(yīng)的元素不會(huì)被加載雁竞。如果放在標(biāo)簽內(nèi)部，則會(huì)被加載黎休。如：<p>[站外圖片上傳中……(2)]圖片</p>則圖片會(huì)被加載浓领，不會(huì)被顯示。
如何去除 a 鏈接的默認(rèn)樣式势腮？直接在 a 鏈接父容器添加顏色联贩，能否繼承到當(dāng)前 a 鏈接上？##
在a標(biāo)簽的text-decoration屬性值設(shè)置為none捎拯。即可去除a標(biāo)簽的默認(rèn)樣式泪幌。即text-decoration:none。
直接在a標(biāo)簽的父容器上添加顏色，不能繼承到當(dāng)前的a標(biāo)簽上祸泪。a標(biāo)簽的顏色需要單獨(dú)在a標(biāo)簽上定義吗浩。
但是a標(biāo)簽的字體大小等屬性可以繼承父容器的樣式。
