css 文本属性

原创于 2019-04-10 15:21:55 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

13 篇文章

订阅专栏

博客介绍了CSS和HTML中关于文本样式的设置。包括字体颜色、字符间距、文本背景色、行间距、对齐方式、文本修饰、缩进、大小写等，还提及文本不换行及增加单词间距的设置，如white - space:nowrap和word - spacing:30px等。

字体颜色 color
字符间距 letter-spacing
文本背景色background-color
行间距line-height：90%，10px，0.3
对齐文本text-align
文本修饰text-decoration
取值《overline/line-through/underline/blink/none》
文本缩进text-indent：1cm 两个中文字符
文本字符大小写text-transform
uppercase大写字符 lowercase小写字符 capitalize单词头字母大写
在这里插入图片描述
css

 p.uppercase {text-transform: uppercase}
  p.lowercase {text-transform: lowercase}
  p.capitalize {text-transform: capitalize}

html

<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>

文本不换行p{white-space:nowrap}
增加单词间距（中文之间需要一定间距隔开无效单词和数字也是）
word-spacing：30px
在这里插入图片描述