每日一练字体相关总结

最新推荐文章于 2024-07-06 06:34:52 发布

哓氏

最新推荐文章于 2024-07-06 06:34:52 发布

阅读量415

点赞数

分类专栏：前端自学晋级

本文链接：https://blog.csdn.net/u013161218/article/details/78132452

版权

前端自学晋级专栏收录该内容

5 篇文章 0 订阅

订阅专栏

基本CSS属性

用span标签来举例，width为宽度，line-height:是行距的意思，也是高度居中的时候需要添加的属性。

text-align:center; 宽度居中的属性、font-size:20px;20em;字体的大小属性（两个属性的计算公式为px/16=em）

font-weight:800;字体加粗属性，可以用数字也可以用单词blod等来控制。

font-style:normal;为控制当天标签内字体的样式，一般用到比较多的是i标签的字体正常显示而不显示为斜体，italic斜体、oblique倾斜字体、inherit继承父元素的字体。

引用本地字体或者服务器字体

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			@font-face {
				font-family: myarialaa;
				src: local("Arial"),
					 url("926.ttf");
			}
			div{
				font-family: myarialaa;
			}
		</style>
	</head>
	<body>
		<div>房价可拉斯警方jfjsdlfksjd</div>
	</body>
</html>

意思为：优先使用本地arial字体，如果本地没有这个字体的话则使用项目内的926.ttf中的字体

Internet Explorer 9+ 支持新的 @font-face 规则。Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则

图片阴影效果（Internet Explorer 9 以及更早版本的浏览器不支持 text-shadow 属性）

text-shadow: 5px 5px 5px #FF0000;（水平阴影、垂直阴影、模糊程度、阴影颜色）

font-size-adjust：0.8; 在字体字号不变的情况下对字体进行微调，主要用于当使用不同样式的字体的时候页面不够整洁。