前端html——文字水平位置行高文字样式

line-height:文字在此行的高度中垂直居中
line-height:

2em;文字内容占2倍行高,
em是参照当前文字的实际文字大小
需要设置字体大小，否则为默认高度

text-indent: 2em;——首行缩进两个字符
font-weight: 700;——文字粗细,正常粗细400,加粗700
font-style:italic;——文字倾斜
text-decoration: underline;——下划线；line-through——删除线
letter-spacing: 5px;——每个字符间的横向间距

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			h1{
				width: 600px;
				height: 200px;
				border: 1px solid blue;
				
				text-align: center;
				/*定义文字水平位置*/
			}
			p{
				border: 4px solid green;
				font-size: 20px;
				line-height: 28px;
				/*文字在此行高垂直居中*/
				line-height: 2em;
				/*2倍行高,em是参照当前文字的实际文字大小*/
				text-indent: 2em;
				/*首行缩进两个字符*/
				font-weight: 700;
				/*文字粗细,正常粗细400,加粗700*/
				font-style:italic;
				/*文字倾斜*/
				text-decoration: underline;
				/*下划线*/
				/*line-through删除线*/
				letter-spacing: 5px;
				/*字符横向间距*/
			}
			p span{
				color: blue;
			}
		</style>
	</head>
	<body>
		<h1>标题</h1>
		<p> 
			从经营铜制乐器的商号开始，<span>元禄4年 (1691年)</span> 到取得别子铜山的经营权，之后283年铜的生产得以持续，住友也因此不断成长。经历了明治维新混乱时期的别子铜山，在引进外国的技术和机械后生产能力得到大幅飞跃。之后在吸收西洋技术不断扩展铜生产量的同时，机械工业、石炭工业、电线制造业、林业等关连事业也相继得以开展。后发展成为以矿工业和金融业为中心的近代财团。
            SUMITOMO是拥有400多年历史的世界500强之一的住友集团旗下的建设机械厂家，在世界范围享有盛誉。 住友产品在1967年凭借自身技术开发研制了第一台液压挖掘机之后，目前世界各地到处活跃着住友液压挖掘机的身影。尤其近期推出的“LEGEST”新型液压挖掘机是集住友38年来的经验和技术的结晶，汇集了欧、美、中、日等世界各国客户的意见，并结合全世界关注的节省能源和环保问题的要求而开发，燃料消耗率有了惊人的改善，得到业界高度评价。住友的沥青摊铺机在日本国内更是达到70%的市场占有率，几乎是一枝独秀，完全垄断。
                              住友集团旗下编辑
		</p>
	</body>
</html>

在这里插入图片描述

前端html——文字水平位置 行高 文字样式

猜你喜欢

前端html——文字水平位置行高文字样式