首页 > 其他分享 >CSS的文本属性

CSS的文本属性

时间:2023-09-23 10:33:05浏览次数:47  
标签:center text align decoration 文本 文本属性 CSS

1.指定元素文件的水平对齐方式:text-align(left right center)

2.text-decoration:文本修饰(underline下划线 overline 上划线 line-through 删除线)

3.text-transform:控制文本的大小写:(captialize 开头大写  uppercase 所有字母大写 lowercase 所有字母小写)

4.text-indent:规定文本首行缩进

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
            .xxx{
                text-align: center;
                text-decoration:underline;
            }
            .xx{
                text-align: center;
                text-transform: capitalize;
            }
            .xxxx{
                text-indent: 20px;
            }
    </style>                    <!--文本居中 文本下划线--><!--文本居中 文本首字母大写--><!---首行缩进-->
</head>
<body>
    <p class="xxx">555555555</p>
    <p class="xx">hello world</p>
    <p class="xxxx">噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢哦哦哦</p>
</body>
</html>

 

标签:center,text,align,decoration,文本,文本属性,CSS
From: https://www.cnblogs.com/songs7/p/17723968.html

相关文章

  • css继承,position:fixed固定定位
    CSS继承是指元素可以继承其父元素的某些样式属性值。当一个元素应用了某个样式属性值,而其子元素没有显式地指定该属性值时,子元素会从父元素继承该属性值。以下是一些常见的CSS属性可以被继承的例子:1.字体样式属性:font-family、font-size、font-weight、font-style、line-heig......
  • css伪元素的应用(超实用的图标库)
    知识储备伪元素:伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式。伪元素主要有:::first-letter第一个字母的样式::first-line首行文字的样式::before元素头部添加的修饰::after元素尾部添加的修饰::placeholderinput的占位符样式::selection被选中......
  • css01小结
    <!--CSS的引入外链式定义一个css文件,直接写然后在head标签内用link引入<linkrel="stylesheet"href="">内嵌式head标签内写style标签行内式直接在标签内写style定义,没有做到结构与样式分离,所以不用......
  • CSS的背景属性
    背景属性包括:color颜色属性、image图片、position显示位置,repeat填充,size属性基本格式为background-+属性<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-wi......
  • CSS的字体属性
    字体属性:颜色、大小、加粗、文字样式<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume......
  • css实现文字切换
    .textc{--num:'今日大吉';animation:text-change3slinearforwards;}.textc::after{content:var(--num);font-size:20px;}@keyframestext-change{33%{--num:'明日好运';}67%{--num:'......
  • html与css小知识
    html入门学习参考资料:https://www.cnblogs.com/gh110/p/15153664.html参考视频:https://www.bilibili.com/video/BV1x4411V75C扩展:qq邮箱扩展(点击联系我)可以打开qq推广弄iframe可以作为a标签的目标,然后一键点击跳转!点文字就可以锁定文字对应的框表单......
  • 看到过的css 属性!!!
    记录一下看到过的,没见过的不知道就算了; inline-size:60pxblock-size:30pxpadding-block:10px这三个文字属性和writing-mode:有关,writing-mode设置文字是从左往右排列还是从上往下   关于nth-child!!! MDN文档里解释p:nth-child(1){background-color......
  • 用css控制td强制换行
    即便是给td限定的宽度,但是如果里面的内容是连续的,IE就认为是一个单词,不会换行。控制td换行的css样式:style="word-wrap:break-word;word-break:break-all;"<tablewidth="100%"border="0"cellspacing="1"cellpadding="0"><tr><tdwi......
  • css字体---跨站引入报跨域问题【解决方法】
    最近遇到一个问题,考虑到网站的性能,需要将图标字体单独放到一个网站引入,减少资源占用,但是遇到一个问题,引入字体文件的时候,报跨域的错误。具体解决方法:将图标字体转base64转换网址:https://transfonter.org/按照以下三个步骤进行操作: 然后下周这个: 里面有个:stylesheet.cs......