資訊專欄INFORMATION COLUMN
摘要：稍稍總結(jié)了下文本的一些屬性用法，自己忘記的時(shí)候也可以用來查查，不用去查網(wǎng)站那么麻煩。
稍稍總結(jié)了下css文本的一些屬性用法，自己忘記的時(shí)候也可以用來查查，不用去查網(wǎng)站那么麻煩。
下面是部分總結(jié)，也希望對(duì)其他人有用
?
文本修飾
(1)text-decoration:? 文本修飾（橫線）
4個(gè)屬性值
overline?? line-through?? underline? blink
(1)overline
定義文本上的一條橫線
(2)line-through
這個(gè)屬性值時(shí)最有用的，一般商家降價(jià)促銷后面的價(jià)格會(huì)用橫線劃去表示那是之前的價(jià)格
要想去除就要設(shè)置text-decoration:none
(4)blink
文本閃爍，一般很少使用，只有在canvas中會(huì)使用，并且瀏覽器的支持度不高，只有火狐支持
?
另外：
還可以用text-decoration-color來修飾橫線的顏色
?
?
(2)text-transform?? 字母大小寫
5個(gè)屬性值
capitalize?? uppercase??? lowercase?? inhert?? none
(1)capitalize
首字母大寫
(2)uppercase和lowercase
大小寫
(3)inhert
繼承父元素的字母屬性
(4)none
默認(rèn)，沒有任何效果
?
(3)text-overflow 定義文本超出范圍的修飾
3個(gè)屬性
clip? ellipsis??? string
(1)clip
修剪文本
(2)ellipsis
用省略號(hào)來表示超出的文本
(3)string
用固定的字符來表示超出的文本
?
?
(4) text-shadow: h-shadow v-shadow blur color?? 文本陰影效果
3個(gè)屬性值
(1)v-shadow ?? 必需，水平陰影的位置，允許負(fù)值
(2)v-shadow ?? 必需，垂直陰影的位置，允許負(fù)值
(3)blur ??? 可選，模糊的距離
(4)color ? 可選，陰影的顏色
?
?
?
文本布局
(1)text-indent??? 文本縮進(jìn)
3種屬性值
length??? %???? inhert
(1)length
定義固定縮進(jìn)，以像素為單位，默認(rèn)值為0
(2)%
以父元素寬度的百分比為長度縮進(jìn)
(3)inhert
繼承父元素的縮進(jìn)
?
(2)text-align??? 文本對(duì)齊
5種屬性值
left ??center? right? justify? inhert
(1)left和right
很少使用
(2)center
居中對(duì)齊
經(jīng)常和line-height:父元素高度 ?一起使用使文本居中對(duì)齊
如果不添加line-height 屬性，文本會(huì)偏在父元素的上方
(3)justify
文本兩端對(duì)齊
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1927.html
摘要：輪廓不被視為頁面的一部分，因此在應(yīng)用它們時(shí)不會(huì)導(dǎo)致頁面布局被調(diào)整。 1.background系列屬性 在為元素設(shè)定樣式的時(shí)候，往往需要為該元素設(shè)置背景，一般有顏色，背景圖片等． 1.1 背景顏色 在CSS類中使用background-color屬性為元素設(shè)置背景顏色： /* CSS */ .box { width: 200px; heig...
摘要：?jiǎn)涡形谋臼÷院驮丶捌涓冈氐膶傩远紵o關(guān)元素或?yàn)樵貎?nèi)單行文本省略，需要給元素或?yàn)樵靥砑訕邮綖樵氐淖釉厝绻亲赃m應(yīng)寬度時(shí)，內(nèi)的子元素實(shí)現(xiàn)單行文本省略，需要給添加樣式單行文本省略是現(xiàn)代網(wǎng)頁設(shè)計(jì)中非常常用的技術(shù)，幾乎每個(gè)站點(diǎn)都會(huì)用到。單行文本省略適用于顯示摘要信息的場(chǎng)景，如列表標(biāo)題、文章摘要等。在響應(yīng)式開發(fā)中，自適應(yīng)寬度元素單行文本省略容易失效不起作用，對(duì)網(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)簽: 實(shí)例 組合表單中的相關(guān)元素： health information height: weight: 定義和用法 fieldset 元素...
閱讀 3009·2021-10-28 09:32
閱讀 3075·2021-10-11 10:57
閱讀 3273·2021-10-08 10:05
閱讀 2742·2021-09-28 09:36
閱讀 2286·2019-08-30 15:55
閱讀 2329·2019-08-30 15:44
閱讀 2452·2019-08-30 14:02
閱讀 3131·2019-08-29 17:16
