【网页设计】31：文本声明

hello world 999

已于 2023-04-18 22:22:36 修改

阅读量233

点赞数 1

分类专栏：网页设计文章标签：前端

于 2021-03-10 13:46:05 首次发布

本文链接：https://blog.csdn.net/weixin_49167174/article/details/114633345

版权

网页设计专栏收录该内容

39 篇文章 9 订阅

订阅专栏

第31节：文本声明

文本声明概念：对文字进行处理，设置文本显示的样式
文本声明内容：字号大小、字体颜色、字体粗细、倾斜、行高

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>第31节:文本声明</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<span>have a good time</span>
		<a href="">我是a标签</a>
		<div class="box">
			<h2>徐志摩《认识你真好》</h2>
			<p>一个人真正的魅力，不是你给对方留下了美好的第一印象；而是对方认识你多年后，仍喜欢和你在一起。也不是你瞬间吸引了对方的目光；而是对方熟悉你以后，依然欣赏你。更不是初次见面后，就有相见恨晚的感觉；而是历尽沧桑后，由衷倾诉说：认识你真好！认识你真好，虽然你不在我身边，却一直在心间。有一种目光不远不近，却一直守望；有一种朋友不惊不扰，却一直陪同。</p>
			<p>最深沉的爱总是无声，最长久的情总是平淡。每个人心里，都有一道最美丽的风景。距离，让思念生出美丽；懂得，让心灵有了皈依。人生最幸福的事，莫过于认识你，有你暖暖的住在心底。认识你真好，这么多年后，我一回头，你还在。我喜欢那么一种友情：不是那么多，不是那么浓烈，不是那么甘甜，也不是那么时时刻刻，甚至有时候会用年、十年、半个世纪去给它计时，它是那么少，那么真，那么久长。若悲伤有人分担，又何尝不是一种慰藉；若孤单有人陪伴，又何时何处不是心暖、心安。最真的感情永远都是：死皮赖脸中破涕为笑，心甘情愿中不厌其烦。有些人，走着走着就进了心里，恰似故友；有些人，走着走着就淡出视线，难以交心；有些情，于岁月中，慢慢消融，不再刻骨铭心；有些人，于相交中，慢慢远离，好像无影无踪；有些事，于时光中，慢慢淡定，从此不再动心。</p>
			<p>所以，人与人之间的相遇靠缘分，心与心相知靠真诚；人生若有二三好友，无话不谈，不离不弃，可谓幸运……认识你真好，因为认识了你，我也愿意变成更好的自己。其实我们都不需要太多，孤单时有人陪，无助时有人帮，于心灵是一种温暖，于生命是一种感动。因为有你，我们彼此携手前进，遇见更出色的自己。彼岸的守望，是此岸的感动；千里的陪同，是心中的丰盈。最深沉的爱，总是风雨兼程；最浓厚的情，总是冷暖与共。一份好的感情，是两心相依的温暖，是相濡以沫的陪伴。最真的拥有，是我在；最美的感情，是我懂。此生四季冷暖，有人叮咛你加衣；生活劳碌，有人嘱咐你休息，足矣。认识你真好，此生，多谢有你！</p>
		</div>
		
	</body>
</html>

.box{
	width: 1200px;
	border: 2px solid pink;
	margin: 0 auto;
	/* 10.文本对齐方式 */
	/* text-align: center/right/left; */
	text-align: center;
	/* 最后一行左对齐 */
	text-align-last:left;
}
.box p{
	padding: 20px;
	/* 1.文本颜色 */
	color: #FFC0CB;
	color: pink;
	color: rgb(22,255,255);
	color: rgba(0,0,0,0.8);
	/* 2.字号大小 */
	font-size: 16px;
	/* 3.行高 */
	line-height: 1.5em;
	/* 4.字间距 */
	letter-spacing: 6px;
	/* 5.首行缩进 */
	text-indent: 2em;
	
	/* px绝对单位 */
	/* em相对单位 */
	/* 6.字体系列 */
	font-family: "宋体";
	/* 字体样式 */
	/* font-style: oblique; */
}
.box h2{
	/* 7.字体粗细 */
	font-weight: normal;
	font-weight: bold;
	font-weight: 200;
}
a{
	/* 8.文本修饰 */
	/* 下划线 */
	text-decoration: underline;
	/* 删除线 */
	text-decoration: line-through;
	/* 上划线 */
	text-decoration: overline;
	/* 常规 */
	text-decoration: none;
}
span{
	/* 9.英文字母大小写转换 */
	/* 首字母大写 */
	text-transform: capitalize;
	/* 全部字母大写 */
	text-transform: uppercase;
}