美文网首页
文本样式,装饰器

文本样式,装饰器

作者: Stranger_I | 来源:发表于2018-11-24 15:20 被阅读0次

text-transform

默认文本样式

p{
  text-transform:none;
}

capitalize 文本中的每个单词以大写字母开头。

p{
  text-transform:capitalize;
}

uppercase 定义仅有大写字母。

p{
    text-transform:uppercase;
}

lowercase 定义无大写字母,仅有小写字母。

p{
  text-transform:lowercase;
}

text-decoration

1.默认文本样式

p{
  text-decoration:none;
}

2.underline 定义文本下的一条线。

p{
  text-decoration:underline
}

3.overline 定义文本上的一条线。

p{
  text-decoration:overline;
}

4.line-through 定义穿过文本下的一条线。

p{
  text-decoration:line-through;
}

5.去除超链接的下划线

a{
  text-decoration:none;
}

6.letter-spacing用来设置字符之间的间距

p{
  letter-spacing:10px  
}

7.work-spacing用来设置单词之间的间距

p{
  work-spacing:10px
}

对齐文本

text-align

可选值

1.left : 左对齐
2.right: 右对齐
3.justify: 两边对齐
4.center: 居中对齐

p{
  text-align:left;
}
在left处更换可选值right justify center

首航缩进

text-indent

p{
  text-indent:32px;
}

没有设置字号,浏览器默认16px;

如果我就想制作无论字号多大就缩进两个字的就要em单位
PS:1em = 1font-size;

 p{
  text-indent:2em;
  font-size:30px;
}

相关文章

  • 文本样式,装饰器

    text-transform 默认文本样式 capitalize 文本中的每个单词以大写字母开头。 upperca...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • Python装饰器

    极简样式: 标准样式: 装饰器带参数样式:

  • 文本样式和文本的装饰

    text-transform 1.默认文本样式 2.capitalize 文本中的每个单词以大写字母开头。 3.u...

  • Flutter 3.8 表单

    1.TextField单行文本框 多行文本框 <1>样式decoration 对文本框装饰(hintText ...

  • css样式——文本篇

    CSS文本属性可以定义文本的样式。通过文本属性,您可以改变文本的颜色、字符间距,对其文本,装饰文本,对文本缩进等等...

  • CSS选择器与文本样式

    CSS选择器以及文本样式 CSS学习 CSS 层叠样式表(Cascading Style Sheets)CSS可用...

  • 前端04day

    行间距 文本样式 文本修饰 字母间距,汉字间距 单词间距 盒子模型 外边距 内边距 边框 浏览器默认样式 清除浏览...

  • 【Angular4+】实现CKEditor5富文本编辑与富文本展

    Angular4+使用CKEditor5实现富文本编辑器 编辑器支持文本输入,基本文本样式:对齐、加粗等;粘贴上传...

  • CSS

    语法: 引用方式 外部样式表 内部样式表 内联样式 常用选择器 组合选择器 伪类 背景图像 文本的对齐方式 盒子模...

网友评论

      本文标题:文本样式,装饰器

      本文链接:https://www.haomeiwen.com/subject/ejqyqqtx.html