摘要:稍稍總結(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
摘要:輪廓不被視為頁面的一部分,因此在應(yīng)用它們時不會導(dǎo)致頁面布局被調(diào)整。 1.background系列屬性 在為元素設(shè)定樣式的時候,往往需要為該元素設(shè)置背景,一般有顏色,背景圖片等. 1.1 背景顏色 在CSS類中使用background-color屬性為元素設(shè)置背景顏色: /* CSS */ .box { width: 200px; heig...
摘要:單行文本省略和元素及其父元素的屬性都無關(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ā)這造成困擾。因此,本文將要...
摘要:標(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 元素...
閱讀 2942·2021-10-28 09:32
閱讀 2967·2021-10-11 10:57
閱讀 3114·2021-10-08 10:05
閱讀 2588·2021-09-28 09:36
閱讀 2213·2019-08-30 15:55
閱讀 2270·2019-08-30 15:44
閱讀 2394·2019-08-30 14:02
閱讀 3076·2019-08-29 17:16