文字文本属性

145 阅读1分钟
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文字文本</title>
		<style>
			.text{
				color: #008000;/* 颜色属性 */
				font-size: 30px;/* 字号大小 */
				font-family:"微软雅黑" ;/* 字体  中文字体必须用引号括起来;英文字体:百度搜索web安全字体*/
				font-weight: bold;/* 字体加粗 */
				font-style: italic;/* 字体倾斜 */
				text-decoration:none; /*文本修饰属性 underline下划线 overline上划线  line-through删除线  none取消装饰线*/
				text-align:left;          /*文本水平对其属性 center水平居中 left 居左 right 水平居右 justify 两端对其 (只适用于多行文字)*/
				text-indent: 40px; /*首行缩进属性*/
				letter-spacing:5px; /*字母之间的间距(中文)*/
				/* word-spacing: 10px;*/ /*单词之间的间距*/
				text-shadow:5px 5px 15px yellow; /*文字阴影 第一个值 水平偏移量 第二个值 垂直偏移量 正值向右,负值向左  第三个值 阴影的模糊度 值越大模糊度越高 第四个值 颜色*/
			}
			span{ 
				color: coral;
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- 如果p标签中整体和文字不一致,将文字放入span中 span:行元素-->
		<p class="text"> <span>炎炎夏日,位于联邦东部的池云雨林,云雾弥漫,好似一层薄纱环绕,</span>一棵棵参天古树,纵横交错,繁茂的树冠中,时而有几只飞鸟腾空而起,嘶鸣着翱翔于天际间。

    天空上,那仿佛可以永恒存在的太阳,已然不再是人们记忆里的样子,而是在多年前,被一把庞大到难以形容的青铜古剑,直接刺穿,露出小半个剑尖!

    这古剑似经历万古岁月,自星空而来,透出无尽沧桑,更有一股强烈的威压,形成光晕,笼罩苍穹,仿佛能镇压大地,让众生膜拜!

    远远看去,这一幕剑阳雨林,好似一副画卷,直至远处传来嗡嗡之声,才被打破。一艘红色的大热气球船,正于雨林上方缓缓飞来。

    这热气球船舱很大,足以容纳数百人,能看到很多少年男女,在甲板上三五成群,时而传出欢声笑语。

    他们,是来自凤凰城中,这一届考入联邦四大道院之一,缥缈道院的学子,正乘坐这属于缥缈道院的飞艇,跨越万里,前往缥缈道院求学。
	</p>
	<a href="">hello word</a>
	</body>
	
</html>