資訊專欄INFORMATION COLUMN
摘要：行高是指上下文本行的基線間的垂直距離，即圖中兩條紅線間垂直距離。等于包裹文字的元素本身的高度時(shí)，文字垂直居中。僅在屬性存在時(shí)使用。但標(biāo)簽字體大小屬性受父元素影響。
line-height
line-height設(shè)置文本的行高，行高即文本行基線之前的距離,行高減去字體大小就等于行間距從上到下四條線分別是頂線、中線、基線、底線，很像學(xué)英語(yǔ)字母時(shí)的四線三格，vertical-align屬性中有top、middle、baseline、bottom，就是和這四條線相關(guān)。注意,基線不是最下面的線，最下面的是底線。行高是指上下文本行的基線間的垂直距離，即圖中兩條紅線間垂直距離。行距是指一行底線到下一行頂線的垂直距離，即第一行粉線和第二行綠線間的垂直距離。如下圖：
line-height:number 設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來設(shè)置行間距。
line-height:px固定值 設(shè)置固定的行間距。
line-height:% 基于當(dāng)前字體尺寸的百分比行間距。
line-height:inherit 規(guī)定應(yīng)該從父元素繼承l(wèi)ine-height 屬性的值。(任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。)
line-height等于包裹文字的元素本身的高度時(shí)，文字垂直居中。
CSS屬性的兼容性可在 caniuse 中搜索屬性名
href屬性：創(chuàng)建指向另一個(gè)文檔的鏈接,為name時(shí)創(chuàng)建文檔內(nèi)的錨點(diǎn)。
titel屬性：鼠標(biāo)懸停在鏈接時(shí)顯示額外信息。
titel與alt的區(qū)別：使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明，它只能用在img、area和input元素中，是用來替代圖像而不是提供額外說明文字。title屬性是提供非本質(zhì)的額外信息，比如在圖像可見時(shí)對(duì)圖像的描述(鼠標(biāo)放在圖片時(shí)即會(huì)顯示)。target屬性：規(guī)定在何處打開目標(biāo) URL。僅在 href 屬性存在時(shí)使用。target屬性值等于_blank時(shí)，鏈接在新窗口中打開：
優(yōu)酷
a標(biāo)簽設(shè)置偽類按L-V-H-A順序，偽類設(shè)置在a標(biāo)簽上所有瀏覽器都支持，設(shè)置在其他div元素上只有IE8以上瀏覽器支持
a:link {color:#FF0000;} / 未訪問的鏈接 /
a:visited {color:#00FF00;} / 已訪問的鏈接 /
a:hover {color:#FF00FF;} / 鼠標(biāo)劃過鏈接 /
a:active {color:#0000FF;} / 已選中的鏈接 /
a標(biāo)簽設(shè)置錨點(diǎn)：
文字 href為#時(shí)表示，鏈接的是當(dāng)前頁(yè)面
設(shè)置錨點(diǎn)用id
段落
display:block/inline/inline-block/none/table-cell/fix
display:none; 元素被設(shè)置成不顯示，實(shí)際渲染時(shí)該元素脫離文檔流，但dom樹中該元素仍然存在
visibility:hidden; 元素被設(shè)置成隱藏，實(shí)際渲染時(shí)該元素仍然在文檔流里面（仍然占空間），dom樹中也存在，相當(dāng)于元素變透明了。
opacity:0;使元素透明度為0就好像消失一樣，但是所占據(jù)的空間還在，不會(huì)改變頁(yè)面布局
a標(biāo)簽的顏色不會(huì)繼承父元素的顏色樣式，即a標(biāo)簽自帶的顏色屬性不被父元素顏色屬性影響。但a標(biāo)簽字體大小屬性受父元素影響。
a標(biāo)簽去掉下劃線，增加顏色
a{
text-decoration: none; //去除a標(biāo)簽?zāi)J(rèn)的下劃線樣式
color: red;
transition:color 0.3s; //a標(biāo)簽的顏色有變化時(shí)，使用漸變效果，效果變化時(shí)間0.3s
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52374.html
摘要：行高是指上下文本行的基線間的垂直距離，即圖中兩條紅線間垂直距離。等于包裹文字的元素本身的高度時(shí)，文字垂直居中。僅在屬性存在時(shí)使用。但標(biāo)簽字體大小屬性受父元素影響。 line-height line-height設(shè)置文本的行高，行高即文本行基線之前的距離,行高減去字體大小就等于行間距從上到下四條線分別是頂線、中線、基線、底線，很像學(xué)英語(yǔ)字母時(shí)的四線三格，vertical-align屬性中...
摘要：設(shè)計(jì)思想兼容已有內(nèi)容避免不必要的復(fù)雜性解決現(xiàn)實(shí)問題優(yōu)雅降級(jí)尊重事實(shí)標(biāo)準(zhǔn)變化新增語(yǔ)義化標(biāo)簽去除純表示性的標(biāo)簽拖拽離線語(yǔ)法標(biāo)簽不區(qū)分大小寫推薦小寫空標(biāo)簽可以不閉合屬性不必引號(hào)。遇到這種情況時(shí)，會(huì)生成匿名塊級(jí)盒來包含行級(jí)盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...
摘要：設(shè)計(jì)思想兼容已有內(nèi)容避免不必要的復(fù)雜性解決現(xiàn)實(shí)問題優(yōu)雅降級(jí)尊重事實(shí)標(biāo)準(zhǔn)變化新增語(yǔ)義化標(biāo)簽去除純表示性的標(biāo)簽拖拽離線語(yǔ)法標(biāo)簽不區(qū)分大小寫推薦小寫空標(biāo)簽可以不閉合屬性不必引號(hào)。遇到這種情況時(shí)，會(huì)生成匿名塊級(jí)盒來包含行級(jí)盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...
摘要：因?yàn)槲④浺幌虻靥亓ⅹ?dú)行，使得成為了最難啃的骨頭。這就意味著郵件中幾乎只有這幾個(gè)元素，盡量避免使用或是其他標(biāo)簽。 HTML 郵件內(nèi)容雖然也是 HTML，但是和我們?cè)诰W(wǎng)頁(yè)上使用的 HTML 不同，因?yàn)榘踩?，各大郵箱服務(wù)商及郵件客戶端都會(huì)對(duì)郵件內(nèi)容進(jìn)行一定程度上的處理，不會(huì)按照你寫的原本 HTML 展示。 showImg(https://segmentfault.com/img/bVLl...
摘要：因?yàn)槲④浺幌虻靥亓ⅹ?dú)行，使得成為了最難啃的骨頭。這就意味著郵件中幾乎只有這幾個(gè)元素，盡量避免使用或是其他標(biāo)簽。 HTML 郵件內(nèi)容雖然也是 HTML，但是和我們?cè)诰W(wǎng)頁(yè)上使用的 HTML 不同，因?yàn)榘踩?，各大郵箱服務(wù)商及郵件客戶端都會(huì)對(duì)郵件內(nèi)容進(jìn)行一定程度上的處理，不會(huì)按照你寫的原本 HTML 展示。 showImg(https://segmentfault.com/img/bVLl...
閱讀 1601·2019-08-30 13:18
閱讀 1583·2019-08-29 12:19
閱讀 2127·2019-08-26 13:57
閱讀 4151·2019-08-26 13:22
閱讀 1192·2019-08-26 10:35
閱讀 2997·2019-08-23 18:09
閱讀 2517·2019-08-23 17:19
閱讀 689·2019-08-23 17:18
