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

資訊專欄INFORMATION COLUMN

css文本屬性用法總結(jié)

masturbator / 3433人閱讀

摘要:稍稍總結(jié)了下文本的一些屬性用法,自己忘記的時候也可以用來查查,不用去查網(wǎng)站那么麻煩。

稍稍總結(jié)了下css文本的一些屬性用法,自己忘記的時候也可以用來查查,不用去查網(wǎng)站那么麻煩。

下面是部分總結(jié),也希望對其他人有用

?

文本修飾

(1)text-decoration:? 文本修飾(橫線)

4個屬性值

overline?? line-through?? underline? blink

(1)overline

定義文本上的一條橫線

(2)line-through

這個屬性值時最有用的,一般商家降價促銷后面的價格會用橫線劃去表示那是之前的價格

(3)一般標(biāo)簽會帶由unline

要想去除就要設(shè)置text-decoration:none

(4)blink

文本閃爍,一般很少使用,只有在canvas中會使用,并且瀏覽器的支持度不高,只有火狐支持

?

另外:

還可以用text-decoration-color來修飾橫線的顏色

?

?

(2)text-transform?? 字母大小寫

5個屬性值

capitalize?? uppercase??? lowercase?? inhert?? none

(1)capitalize

首字母大寫

(2)uppercase和lowercase

大小寫

(3)inhert

繼承父元素的字母屬性

(4)none

默認(rèn),沒有任何效果

?

(3)text-overflow 定義文本超出范圍的修飾

3個屬性

clip? ellipsis??? string

(1)clip

修剪文本

(2)ellipsis

用省略號來表示超出的文本

(3)string

用固定的字符來表示超出的文本

?

?

(4) text-shadow: h-shadow v-shadow blur color?? 文本陰影效果

3個屬性值

(1)v-shadow ?? 必需,水平陰影的位置,允許負值

(2)v-shadow ?? 必需,垂直陰影的位置,允許負值

(3)blur ??? 可選,模糊的距離

(4)color ? 可選,陰影的顏色

?

?

?

文本布局

(1)text-indent??? 文本縮進

3種屬性值

length??? %???? inhert

(1)length

定義固定縮進,以像素為單位,默認(rèn)值為0

(2)%

以父元素寬度的百分比為長度縮進

(3)inhert

繼承父元素的縮進

?

(2)text-align??? 文本對齊

5種屬性值

left ??center? right? justify? inhert

(1)left和right

很少使用

(2)center

居中對齊

經(jīng)常和line-height:父元素高度 ?一起使用使文本居中對齊

如果不添加line-height 屬性,文本會偏在父元素的上方

(3)justify

文本兩端對齊

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

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/1927.html

相關(guān)文章

  • CSS屬性用法總結(jié)

    摘要:輪廓不被視為頁面的一部分,因此在應(yīng)用它們時不會導(dǎo)致頁面布局被調(diào)整。 1.background系列屬性 在為元素設(shè)定樣式的時候,往往需要為該元素設(shè)置背景,一般有顏色,背景圖片等. 1.1 背景顏色 在CSS類中使用background-color屬性為元素設(shè)置背景顏色: /* CSS */ .box { width: 200px; heig...

    soasme 評論0 收藏0
  • 自適應(yīng)寬度元素單行文本省略用法探究

    摘要:單行文本省略和元素及其父元素的屬性都無關(guān)元素或為元素內(nèi)單行文本省略,需要給元素或為元素添加樣式為元素的子元素如果是自適應(yīng)寬度時,內(nèi)的子元素實現(xiàn)單行文本省略,需要給添加樣式單行文本省略是現(xiàn)代網(wǎng)頁設(shè)計中非常常用的技術(shù),幾乎每個站點都會用到。單行文本省略適用于顯示摘要信息的場景,如列表標(biāo)題、文章摘要等。在響應(yīng)式開發(fā)中,自適應(yīng)寬度元素單行文本省略容易失效不起作用,對網(wǎng)頁開發(fā)這造成困擾。因此,本文將要...

    K_B_Z 評論0 收藏0
  • CSS開發(fā)

    摘要:譯十六進制顏色揭秘原文地址原文作者譯文出自掘金翻譯計劃本文永久鏈接教程入門篇關(guān)于是一款進行柵格布局的輔助工具,它讓開發(fā)者擺脫了冗雜的數(shù)學(xué)計算,同時降低了樣式與結(jié)構(gòu)的耦合程度。 【譯】CSS 十六進制顏色揭秘 原文地址:CSS Hex Colors Demystified 原文作者:Dave Gash 譯文出自:掘金翻譯計劃 本文永久鏈接:https://github.com/xitu/...

    warkiz 評論0 收藏0
  • 補習(xí)前端(css+html)基礎(chǔ)-1:

    摘要:標(biāo)簽將表單內(nèi)容的一部分打包,生成一組相關(guān)表單的字段。提示和注釋注釋元素是空元素,它僅包含屬性。注釋此元素只能存在于部分,不過它可出現(xiàn)任何次數(shù)。屬性屬性規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。該標(biāo)簽用于組合表格的主體內(nèi)容。 1.HTML 標(biāo)簽: 實例 組合表單中的相關(guān)元素: health information height: weight: 定義和用法 fieldset 元素...

    marek 評論0 收藏0

發(fā)表評論

0條評論

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