国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS實用技巧二

ChristmasBoy / 3193人閱讀

摘要：在上一篇文章中我們知道可以通過屬性可以實現首行縮進兩個字符。現在我們來講一下第二個技巧。通過設置來實現針對如果里面是標簽的情況下實現更好的優化。為了實現更好的我們就可以應用這個技巧。可以實現元素的居中。

text-indent

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

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

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


  
  
  
  
  
    
搜索引擎優化
text-align: center;與margin: 0 auto;的區別

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

line-height

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


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

取值

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

vertial-align

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

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

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

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115371.html

相關文章

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

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

    Jonathan Shieber 評論0 收藏0

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

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

    dantezhao 評論0 收藏0

  • CSS小技巧（二）：布局

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

    Pink 評論0 收藏0

  • CSS技巧

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

    DangoSky 評論0 收藏0

發表評論

0條評論

ChristmasBoy

男|高級講師

TA的文章

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