2.2.3控制字体
Px:单位 --像素
浏览器的默认字体大小为16px
行高单位 可以是百分比 150% 也可以是em 当前字体的倍数
字体可以到word中取寻找
在制作页面时 常用的单位 px em(1em 等于当前的字体尺寸。2em等于当前字体尺寸的两倍) 百分比(百分比应用更广)
2.2.4控制文本
一般页面上不显示标题: 可以使用text-indent:-9999em;(用来隐藏标题但是存在看不见)
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
h1{
font-size: 32px;
text-align: center;
<!--text-indent: -9999em;--> <!-- -indent:-9999em; 表示将h1标签给隐藏(看不见) 一般页面不显示标题:可以使用-->
}
#one{
font-size: 16px;
color: yellow;
text-align: center;
}
.two{
line-height: 150%;
}
.pink{
font-family:'华文行楷';
}
#box{
width:1000px;
height: 1000px;
border: 1px solid black;
}
#three{
text-align: center;
}
</style>
</head>
<body>
<div id="box">
<h1>蓝田一男子盗墓挖自家祖坟,被抓时拒不认错,自称北宋宰相后代</h1>
<p id="one">北宋时期“蓝田四吕”朝廷担任要职,这四位出身官宦世家祖父吕通曾任太常博士,父亲是比部郎中,到了第三代更是各个有出息,</p>
<p class="two">有句俗话说的好“老子英雄儿好汉”,身为“蓝田四吕”之一的吕大临是宋代的金石家,而且他本人对学术研究更加感兴趣,而且一生也有很多著作,但是这些著作很多都已经遗失了,在他晚年时期也喜欢青铜器的收藏。然而他的后代却做了一件令祖上蒙羞的事情,将自己家的祖坟挖了,想拿里面的文物换钱。</p>
<div id="three">
<img id="three" src="./image./3.jpeg">
</div>
<p class="two">有句俗话说的好“老子英雄儿好汉”,身为“蓝田四吕”之一的吕大临是宋代的金石家,而且他本人对学术研究更加感兴趣,而且一生也有很多著作,但是这些著作很多都已经遗失了,在他晚年时期也喜欢青铜器的收藏。然而他的后代却做了一件令祖上蒙羞的事情,将自己家的祖坟挖了,想拿里面的文物换钱。</p>
<p class="two">有句俗话说的好“老子英雄儿好汉”,身为“蓝田四吕”之一的吕大临是宋代的金石家,而且他本人对学术研究更加感兴趣,而且一生也有很多著作,但是这些著作很多都已经遗失了,在他晚年时期也喜欢青铜器的收藏。然而他的后代却做了一件令祖上蒙羞的事情,将自己家的祖坟挖了,想拿里面的文物换钱。</p>
<p class="two">有句俗话说的好“老子英雄儿好汉”,身为“蓝田四吕”之一的吕大临是宋代的金石家,而且他本人对学术研究更加感兴趣,而且一生也有很多著作,但是这些著作很多都已经遗失了,在他晚年时期也喜欢青铜器的收藏。然而他的后代却做了一件令祖上蒙羞的事情,将自己家的祖坟挖了,想拿里面的文物换钱。</p>
</div>
</body>
</html>