css文本屬性用法總結

masturbator 發布于2019-04-23 13:28 / 3441人閱讀

摘要：稍稍總結了下文本的一些屬性用法，自己忘記的時候也可以用來查查，不用去查網站那么麻煩。

稍稍總結了下css文本的一些屬性用法，自己忘記的時候也可以用來查查，不用去查網站那么麻煩。

下面是部分總結，也希望對其他人有用

文本修飾

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

4個屬性值

overline?? line-through?? underline? blink

(1)overline

定義文本上的一條橫線

(2)line-through

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

(3)一般標簽會帶由unline

要想去除就要設置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

默認，沒有任何效果

(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

定義固定縮進，以像素為單位，默認值為0

(2)%

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

(3)inhert

繼承父元素的縮進

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

5種屬性值

left ??center? right? justify? inhert

(1)left和right

很少使用

(2)center

居中對齊

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

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

(3)justify

文本兩端對齊

GPU云服務器云服務器 css屬性 php中css的用法訪問CSS屬性 position屬性，css

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

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

CSS屬性用法總結

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

soasme 2019-08-29 12:57 評論0 收藏0
自適應寬度元素單行文本省略用法探究

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

K_B_Z 2019-04-23 13:46 評論0 收藏0
CSS開發

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

warkiz 2019-08-30 13:54 評論0 收藏0
補習前端（css+html）基礎-1：

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

marek 2019-08-29 15:24 評論0 收藏0