用CSS样式完成作业

最新推荐文章于 2024-05-25 11:42:31 发布

YHIH

最新推荐文章于 2024-05-25 11:42:31 发布

阅读量1.2k

点赞数 1

分类专栏：日常笔记文章标签： css java

本文链接：https://blog.csdn.net/Mostdanger/article/details/107497726

版权

1、css设置字体和文字样式
html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css_font</title>
		<link rel="stylesheet" type="text/css" href="css/css_font.css"/>
	</head>
	<body>
		<div>
			<!--字体类型-->
			<p>font-family定义字体类型</p>
		</div>
		<div>
			<!--字体大小-->
			<p>font-size定义字体大小</p>
		</div>
		<div>
			<!--字体粗细-->
			<p>font-height定义字体粗细</p>
		</div>
		<div>
			<!--斜体字体-->
			<p>font-style定义斜体字体</p>
		</div>
		<div>
			<!--下划线-->
			<p>text-decoration定义贯穿线</p>
			<p>text-decoration定义下划线</p>
			<p>text-decoration定义闪烁</p>
			<p>text-decoration定义上划线</p>
		</div>	
		<div>
			<!--行高设定-->
			<p>line-height定义行高</p>
		</div>
		<div>
			<!-- 定义文本对齐 -->
			<p>text-align定义文本左对齐left</p>
			<p>text-align定义文本右对齐right</p>
			<p>text-align定义文本居中对齐center</p>
			<p>text-align定义文本两端对齐justify</p>
		</div>
		<div>
			<!-- 定义垂直对齐 -->
			<p>vertical-align一般用于文字图片居中</p>
		</div>
		<div>
			<!-- 定义字距和词距 -->
			<p>字距letter-spacing</p>
			<p>词距word-spacing</p>
		</div>
		<div>
			<!-- 定义缩进 -->
			<p>定义缩进</p>
		</div>
		<div>
			<!-- 定义文本阴影 -->
			<p>text-shadow定义文本阴影</p>
		</div>
	</body>
</html>

css

div:first-child p:first-child{
   
	background-color: #AA9090;
	font-family: fantasy,"楷体";
}
div:nth-child(2) p:first-child

最低0.47元/天解锁文章

YHIH

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
用CSS样式完成作业

1、css设置字体和文字样式html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css_font</title> <link rel="stylesheet" type="text/css" href="css/css_font.css"/> </head> <body> <div>
复制链接

扫一扫