文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

css中text文本属性怎么写

2024-04-02 19:55

关注

这篇文章将为大家详细讲解有关css中text文本属性怎么写,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  一、color文本颜色

  写法:body{color:red},h2{color:#ooffoo},h3{color:rgb(255,0,0)}

  二、text-align文本对齐方式

  写法:text-align:center;right;left;justify;

  其中jusitify是指每一行被展开为宽度相等,左右外边距是对齐

  三、text-decoration文本修饰

  写法:text-decoration:none(默认);overline;line-through;underline;blink;inherit;

  四、text-transform文本转换

  写法:text-transform:none(默认);uppercase(仅大写字母);lowercase(仅小写字母);capitalize(每个单词以大写字母开头);inherit;

  五、text-indent文本缩进

  写法:text-indent:0(默认为0);length;%(百分比);inherit;

  六、word-spacing文本间隔

  写法:text-spacing:normal(默认,标准空间);length;inherit;

  七、line-height

  写法:line-height:normal(默认,合理的行间距);number(数字会与当前的字体尺寸相乘来设置行间距);length;%;inherit;

  八、direction文本方向

  写法:direction:ltr(默认,左到右);rtl(右到左);inherit;

  九:letter-spacing字符间距

  写法:letter-spacing:normal(默认);length(定义固定空间,允许使用负值);inherit;

  十:text-shadow文本阴影

  写法:text-shadow:none(默认);h-shadow(必需。水平阴影允许负值);v-shadow(必需。垂直阴影允许负值);blur(可选,模糊的距离);color(可选,阴影的颜色)

  eg:

  h2{text-shadow:2px2px#ff0000;}

  十一、unicode-bidi与direction属性一起使用,来设置或返回文本是否被重写,以便在同一文档中支持多种语言。

  写法:unicode-bidi:normal(默认,不用附加的嵌入层面);embed(创建一个附加的嵌入层面);bidi-override(创建一个附加的嵌入层面。重新排序取决于direction的属性。);initial(设置该元素为它的默认值);inherit;

  十二、vertical-align垂直对齐

  写法:vertical-align:baseline(默认,元素放在父元素的基线上);sub(垂直对齐文本的下标);super(垂直对齐文本的上标);top(把元素的顶端与行中最高元素的顶端对齐);text-top(把元素的顶端与父元素字体的顶端对齐);middle(把此元素放置在父元素的中部);bottom(把元素的顶端与行中最低的元素的顶端对齐);text-bottom(把元素的底端与父元素字体的底端对齐);length;%(使用“line-height”属性的百分比值来排列此元素。允许使用负值);inherit;

  十三、white-space指定元素内的空白怎样处理

  写法:white-space:normal(默认。空白会被浏览器忽略。);pre(空白会被浏览器保留。其行为方式类似html中的<pre>标签);nowrap(文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止);pre-wrap(保留空白符序列,但是正常地进行换行);pre-line(合并空白符序列,但是保留换行符);inherit;

css中text文本属性怎么写


关于“css中text文本属性怎么写”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯