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

text-transform
1.默认文本样式

p{
text-transform:none;
}
2.capitalize 文本中的每个单词以大写字母开头。

p{
text-transform:capitalize;
}
3.uppercase 定义仅有大写字母。

p{
text-transform:uppercase;
}
4.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单位
注:1em = 1font-size;
p{
text-indent:2em;
font-size:30px;
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,064评论 1 4
  • 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般...
    可爱傻妞是我的爱阅读 314评论 0 0
  • 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般...
    书写人生吖阅读 419评论 0 0
  • 1 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) ...
    厝弧阅读 333评论 0 0
  • 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般...
    米塔塔阅读 597评论 1 12