成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS實用技巧二

ChristmasBoy / 3202人閱讀

摘要：在上一篇文章中我們知道可以通過屬性可以實現(xiàn)首行縮進兩個字符?，F(xiàn)在我們來講一下第二個技巧。通過設(shè)置來實現(xiàn)針對如果里面是標簽的情況下實現(xiàn)更好的優(yōu)化。為了實現(xiàn)更好的我們就可以應(yīng)用這個技巧?？梢詫崿F(xiàn)元素的居中。

text-indent

在上一篇文章中我們知道可以通過text-indent: 2rem屬性可以實現(xiàn)首行縮進兩個字符?，F(xiàn)在我們來講一下第二個技巧。
通過設(shè)置text-indent: -9999px來實現(xiàn)針對

如果里面是標簽的情況下實現(xiàn)更好的SEO優(yōu)化。在搜索引擎優(yōu)化中, h1是非常重要的標簽。一般情況下，我們會把logo放在

標簽中，但是我們知道搜索引擎是無法識別圖片的。為了實現(xiàn)更好的SEO我們就可以應(yīng)用這個技巧。


  
  
  
  
  
    
搜索引擎優(yōu)化
text-align: center;與margin: 0 auto;的區(qū)別

text-align: center; 屬性可以實現(xiàn)文字,inline元素,inline-block元素的居中。
margin: 0 auto; 可以實現(xiàn)block元素的居中。
margin: 0 auto;是在父元素中定義, 而text-align: center;是在父元素中定義。

line-height

在理解line-height屬性前，我們先來了解一下下面的幾個概念。


在css中，每一行文字都可以看成有這四條線存在。當我們覺得我們的文字失控的時候，就要想想這四條線是否符合我們的預(yù)期了。
在vertial-align屬性中的top,middle,baseline、bottom 這四個屬性分別對應(yīng)的是頂線,中線,基線,底線,而line-height屬性則代表兩行文字間的基線距離。

取值

如果line-height的單位是百分比的情況下，line-height: （父元素的font-size）* n%
如果單位是em/rem的情況下，line-height: (父元素的font-size)*(em|rem)
如果是無單位的情況下，line-height: (當前元素的font-size)*無單位數(shù)字
要注意很重要的一點line-height屬性是可以被繼承的,并且被繼承的

vertial-align

W3C對vertical-align有以下幾方面的定義

vertical-align用于定義周圍的文字，inline元素, inline-block元素相對于該元素的基線的對齊方式。其中該元素指的是設(shè)置了vertical-align屬性的元素

vertical-align屬性對block元素無效, td, 以及設(shè)置了table-cell屬性的元素有效

vertical-align屬性的取值都是相對于基線的

負值/百分比/關(guān)鍵字
在取百分比的時候其值是: 當前元素所繼承的inline-height * 百分比

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115371.html

相關(guān)文章

  • CSS3常見技巧（二）：如何用CSS3來實現(xiàn)三角形？

    摘要：站長博客如何使用來畫一個三角形經(jīng)常令人非常感到困惑，其實原理上是寬度相等的邊距以度來連接。代碼如下實現(xiàn)效果如圖 站長博客：https://www.pipipi.net/ 如何使用CSS3來畫一個三角形經(jīng)常令人非常感到困惑，其實原理上是寬度相等的邊距以45度來連接。 首先看第一個圖showImg(https://segmentfault.com/img/bVbn3xN?w=576&h=3...

    Jonathan Shieber 評論0 收藏0

  • CSS3常見技巧（二）：如何用CSS3來實現(xiàn)三角形？

    摘要：站長博客如何使用來畫一個三角形經(jīng)常令人非常感到困惑，其實原理上是寬度相等的邊距以度來連接。代碼如下實現(xiàn)效果如圖 站長博客：https://www.pipipi.net/ 如何使用CSS3來畫一個三角形經(jīng)常令人非常感到困惑，其實原理上是寬度相等的邊距以45度來連接。 首先看第一個圖showImg(https://segmentfault.com/img/bVbn3xN?w=576&h=3...

    dantezhao 評論0 收藏0

  • CSS小技巧（二）：布局

    摘要：在我們寫代碼的過程中，可以養(yǎng)成記錄一些小技巧的習慣。不到萬不得已，盡量少使用或在可控范圍內(nèi)使用?？梢栽诳s小瀏覽器窗口時等比例縮放。但此時不能加左右的，否則總寬度會超過的寬度。我們?yōu)檫_到目的讓同一類和左右排布不同類上下排布。 在我們寫CSS代碼的過程中，可以養(yǎng)成記錄一些小技巧的習慣。 1. 一般特定的元素都有自己默認的樣式，但是在我們的整體布局中，可能適得其反。我們可以去掉其默認樣式。 ...

    Pink 評論0 收藏0

  • CSS技巧

    摘要：技巧使你的更加專業(yè)這是上關(guān)于技巧的一篇譯文，另外你也可以在本項目看到原文。列舉了一些很實用的技巧，比如給空內(nèi)容的標簽添加內(nèi)容，逗號分隔列表等等。排序算法看源碼，把它背下來吧排序算法的封裝。主要幫助初學者更好的掌握排序算法的實現(xiàn)。 成為專業(yè)程序員路上用到的各種優(yōu)秀資料、神器及框架 成為一名專業(yè)程序員的道路上，需要堅持練習、學習與積累，技術(shù)方面既要有一定的廣度，更要有自己的深度。 Java...

    DangoSky 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<