字体的总结
字体的处理:包括首行缩进,居中对其方式,英文单词和字符首字符的大小写,字体的下划线,英文字体的字符的字体间距。字体设置:包括字体的颜色(color),字体倾斜(bold),字体的大小Px,em,%单位,字体,宋体等字体,还有字体间距。
- 格式 font:bold italic 20px/30px "微软雅黑";
- text-indent 属性规定文本块中首行文本的缩进。
- 注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
- text-transform 属性控制文本的大小写。
- 这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。”
- text-decoration
- 设置文文本下划线line-through字体中的线
- text-align:center;
- 设置字体对齐方式
- line-height: 50px;
- 设置间距 间距=30-字体的大小
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*在style标签中设置样式*/ p{ /*color: red;*//*文字的样式设置*/ font-family: "微软雅黑" arial serif;/*设置字体样式*/ /*一般最后加上arial serif等字体的5大类,字体顺序优先,从前向后设置*/ /*例如:微软雅黑,宋体等字体显示需要计算机支持的字体,可以再C盘中fonts查看*/ font-size: 20px; /*设置字体的大小,字体大小单位可以是em表示从父元素继承的字体对应的大小 %表示按字体比例,字体一般在计算机中的大小是16px*/ font-style: oblique; /*设置字体风格,具体的可以查找手册,实例中表示倾斜,<i>标签类似*/ font-weight:bold; /*表示加粗 <b>标签类似,也可以用数字表示*/ line-height: 50px; /*设置间距 间距=30-字体的大小 font: bold italic 20px/30px "微软雅黑"; font标签是对上面总体的应用,20px/30px /后面表示的是间距 其中字体大小,和字体的样式必须放在最后书写不能调换顺序*/ /*text-align: center;*/ /*样式的居中*/ text-justify: auto; /*text-justify 属性规定当 text-align 被设置为 text-align 时的齐行方法。该属性规定如何对齐行文本进行对齐和分隔。*/ text-indent: 2em; /*设置首行缩进 一般2em表示的是开头空2格*/ text-decoration: underline; /*设置文文本下划线line-through字体中的线*/ /*letter-spacing: 20px; word-spacing:30px 设置文字间距,letter设置字符的间距,world表示单词的间距,在英语显示中更能体现;*/ text-transform: capitalize; /*对字符进行处理,特别对英文的处理,设置手字母大小写*/ </style> </head> <body> <p> 塞纳河畔 左岸的咖啡 我手一杯 品尝你的美 留下唇印的嘴 花店玫瑰 名字写错谁 告白气球 风吹到对街 微笑在天上飞 你说你有点难追 想让我知难而退 礼物不需挑最贵 只要香榭的落叶 喔 营造浪漫的约会 不害怕搞砸一切 拥有你就拥有 全世界 亲爱的 爱上你 从那天起 甜蜜的很轻易 亲爱的 别任性 你的眼睛 在说我愿意 塞纳河畔 左岸的咖啡 我手一杯 品尝你的美 留下唇印的嘴 花店玫瑰 名字写错谁 告白气球 风吹到对街 微笑在天上飞 你说你有点难追 想让我知难而退 礼物不需挑最贵 只要香榭的落叶 喔 营造浪漫的约会 不害怕搞砸一切 拥有你就拥有 全世界 亲爱的 爱上你 从那天起 甜蜜的很轻易 亲爱的 别任性 你的眼睛 在说我愿意 亲爱的 爱上你 恋爱日记 飘香水的回忆 一整瓶 的梦境 全都有你 搅拌在一起 亲爱的别任性 你的眼睛 在说我愿意 </p> <p>fj asf kh</p> </body> </html>