文本样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本标签及样式</title>
<style type="text/css">
/*
text-transform可以用来设置文本大小写
可选值：
none 默认值 ，不做任何处理
capitalize 单词首字母大写，通过空格识别单词
uppercase 所有字母大写
lowercase 所有字母小写
*/
.p1{
text-transform: capitalize;
}
/*
text-decoration可以用来设置文本的修饰
可选值：
none 默认值，不添加修饰，正常显示
underline 为文本添加下划线
overline 为文本添加上划线
line-through 为文本添加删除线
*/
.p2{
text-decoration: overline;
}
a{
/*
超链接会默认添加下划线，超链接text-decoration默认值是underline
去除下划线样式改为none
*/
text-decoration: none;
}
.p3{
/*
letter-spacing可以指定字符间距
*/
letter-spacing: 1px;
/*
word-spacing可以设置单词间距
实际上就是设置词与词之间空格大小
*/
word-spacing: 1px;
}
.p4{
/*
text-align用于设置文本对齐方式
可选值：
left 靠左对齐
right 靠右对齐
center 居中
justify 两端对齐
- 通过调整文本之间空格大小，达到两端对齐目的
*/
text-align: justify;
}
.p5{
font-size: 20px;
/*
text-indent用来设置首行缩进
当给它一个正值是，会自动向右缩进指定像素
若为它指定一个负值，会向左移动指定的像素
通过这种方式可以将内容隐藏
这个值一般使用em作为单位
重点：1em相当于一个字体大小
*/
text-indent: 2em;
}
</style>
</head>
<body>
<p class="p5">
我们那里没有姓长的；她生得黄胖而矮，“长”也不是形容词。又不是她的名字，记得她自己说过，她的名字是叫作什么姑娘的。什么姑娘，我现在已经忘却了，总之不是长姑娘；也终于不知道她姓什么。记得她也曾告诉过我这个名称的来历：先前的先前，我家有一个女工，身材生得很高大，这就是真阿长。后来她回去了，我那什么姑娘才来补她的缺，然而大家因为叫惯了，没有再改口，于是她从此也就成为长妈妈了。
虽然背地里说人长短不是好事情，但倘使要我说句真心话，我可只得说：我实在不大佩服她。最讨厌的是常喜欢切切察察，向人们低声絮说些什么事，还竖起第二个手指，在空中上下摇动，或者点着对手或自己的鼻尖。我的家里一有些小风波，不知怎的我总疑心和这“切切察察”youxie 。又不许我走动，拔一株草，翻一块石头，就说我顽皮，要告诉我的母亲去了。一到夏天，睡觉时她又伸开两脚两手，在床中间摆成一个“大”字，挤得我没有余地翻身，久睡在一角的席子上，又已经烤得那么热。推她呢，不动；叫她呢，也不闻。
</p>
<p class="p4">
我们那里没有姓长的；她生得黄胖而矮，“长”也不是形容词。又不是她的名字，记得她自己说过，她的名字是叫作什么姑娘的。什么姑娘，我现在已经忘却了，总之不是长姑娘；也终于不知道她姓什么。记得她也曾告诉过我这个名称的来历：先前的先前，我家有一个女工，身材生得很高大，这就是真阿长。后来她回去了，我那什么姑娘才来补她的缺，然而大家因为叫惯了，没有再改口，于是她从此也就成为长妈妈了。
虽然背地里说人长短不是好事情，但倘使要我说句真心话，我可只得说：我实在不大佩服她。最讨厌的是常喜欢切切察察，向人们低声絮说些什么事，还竖起第二个手指，在空中上下摇动，或者点着对手或自己的鼻尖。我的家里一有些小风波，不知怎的我总疑心和这“切切察察”youxie 。又不许我走动，拔一株草，翻一块石头，就说我顽皮，要告诉我的母亲去了。一到夏天，睡觉时她又伸开两脚两手，在床中间摆成一个“大”字，挤得我没有余地翻身，久睡在一角的席子上，又已经烤得那么热。推她呢，不动；叫她呢，也不闻。
</p>
<p class="p4">
On June 21, 2021, Chinese fashion designer Ji Wenbo was awarded the prestigious "Le Grandi Guglie della Grande Milano", Italy's top fashion designer prize. At present, Ji is the only fashion designer who has won the top prizes in both China and
</p>
<p class="p3">
我们那里没有姓长的；她生得黄胖而矮，“长”也不是形容词。又不是她的名字，记得她自己说过，她的名字是叫作什么姑娘的。什么姑娘，我现在已经忘却了，总之不是长姑娘；也终于不知道她姓什么。记得她也曾告诉过我这个名称的来历：先前的先前，我家有一个女工，身材生得很高大，这就是真阿长。后来她回去了，我那什么姑娘才来补她的缺，然而大家因为叫惯了，没有再改口，于是她从此也就成为长妈妈了。
虽然背地里说人长短不是好事情，但倘使要我说句真心话，我可只得说：我实在不大佩服她。最讨厌的是常喜欢切切察察，向人们低声絮说些什么事，还竖起第二个手指，在空中上下摇动，或者点着对手或自己的鼻尖。我的家里一有些小风波，不知怎的我总疑心和这“切切察察”youxie 。又不许我走动，拔一株草，翻一块石头，就说我顽皮，要告诉我的母亲去了。一到夏天，睡觉时她又伸开两脚两手，在床中间摆成一个“大”字，挤得我没有余地翻身，久睡在一角的席子上，又已经烤得那么热。推她呢，不动；叫她呢，也不闻。
</p>
<p class="p3">
On June 21, 2021, Chinese fashion designer Ji Wenbo was awarded the prestigious "Le Grandi Guglie della Grande Milano", Italy's top fashion designer prize. At present, Ji is the only fashion designer who has won the top prizes in both China and
</p>
<a href="#">我是超链接</a>
<p class="p2">
On June 21, 2021, Chinese fashion designer Ji Wenbo was awarded the prestigious "Le Grandi Guglie della Grande Milano", Italy's top fashion designer prize. At present, Ji is the only fashion designer who has won the top prizes in both China and
</p>
<p class="p1">
On June 21, 2021, Chinese fashion designer Ji Wenbo was awarded the prestigious "Le Grandi Guglie della Grande Milano", Italy's top fashion designer prize. At present, Ji is the only fashion designer who has won the top prizes in both China and Italy as he earned the Chinese "Golden Award" in 2004.
An awarding ceremony was held at the JIWENBO PRIVE of the Guangzhou International Finance Center, attended by representatives from both China and Italy, offline and online respectively, including Ms. Lucia Pasqualini, Consul General of Italy in Guangzhou and Mario Boselli, president of the Italy-China Foundation.
</p>
</body>
</html>
text-transform 用来设置文本大小写
可选值：none 默认值，不做任何处理
capitalize 单词首字母大写，其实就是通过空格识别单词
uppercase 所有字母大写
lowercase 所有字母小写
text-decoration 可以用来设置文本的修饰
可选值： none 默认值，不添加修饰，正常显示
underline 为文本添加下划线
overline 为文本添加上划线
line-through 为文本添加删除线
letter-spacing 可以设置字符间距
word-spacing可以设置单词间距（实际就是设置词与词之间空格大小）
text-align 用于设置文本对齐方式
可选值：left 靠左对齐
right 靠右对齐
center 居中
justify 两端对齐（调整文本之间空格大小，达到两端对齐）
text-indent 用来设置首行缩进
正值向右缩进指定像素
负值向左缩进指定像素
通过向左缩进将内容隐藏，这个值一般用em作为单位
重点：1em相当于一个字体大小
浙公网安备 33010602011771号