美文网首页
文本样式和文本的修饰

文本样式和文本的修饰

作者: Python黑户 | 来源:发表于2019-05-28 17:41 被阅读0次

1.text-transform默认文本样式

p{
text-transform:none;
}

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

p{
text-transform:capitalize;
}

3.uppercase 定义仅有大写字母。

p{
text-transform:uppercase;
}

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

p{
text-transform:lowercase;
}

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

p{
text-decoration:underline
}

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

p{
text-decoration:overline;
}

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

p{
text-decoration:line-through;
}

8.去除超链接的下划线

a{
text-decoration:none;
}

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

p{
letter-spacing:10px
}

10.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单位
注:1em = 1font-size;

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

相关文章

  • CSS(四)文本样式设置

    颜色表及HTML代码(部分) 文本样式 文本样式:对齐方式、文本修饰文本转换、文本缩进.... 作用:美化、修饰页...

  • 文本样式和文本的修饰

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

  • 文本样式和文本的修饰

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

  • 文本样式和文本的修饰

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

  • 前端,文本样式和文本的修饰

    text-transform1.默认文本样式 p{text-transform:none;}2.capitaliz...

  • day03

    A.今天学到什么 1.文本修饰 1.1文本样式 1.2文本字体 2.链接 3.列表样式 4.边框样式 5.表格 5...

  • css实现省略号

    代码示例 text-overflow text-overflow是个修饰样式,当文本超出容器的时候,文本将被截断。...

  • 前端04day

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

  • Java之HTML富文本导出WORD(不含图片)

    一、需求: 我们在使用富文本编辑器来编辑文本的时候,文本会自带HTML的标签比如 等来修饰字体样式。 比如ue...

  • 3.基础标签(h,p,hr,img,br,路径,a)

    H标签 作用:给文本添加语义 格式:h1-h6 注意点: 用来给文本添加语义而不是用来修饰文本的样式 h标签有6个...

网友评论

      本文标题:文本样式和文本的修饰

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