<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文字控制</title>
<style type="text/css">
h1{
text-align: center;/*left 左边 right: 右边*/
height: 150px;
background: blue;
line-height: 150px; /*文字在网页行高*/
}
p{
font-size: 50px; /*字体大小*/
font-family: 楷体; /*定义字体*/
}
span{
font-size: 100px;
font-weight: bold;/*定义粗体属性*/
font-family: georgia;
}
img{
width: 500px;
height: 500px;
}
b{
display: block;/*行内转块内*/
width: 500px;
height: 50px;
overflow: hidden;/*溢出隐藏*/
background: pink;
margin-bottom :100px;/*文字与网页下端的距离*/
}
b:hover{overflow: visible;/*鼠标移动到文字块显示*/
</style>>
</head>
<body>
<h1>php中文网11111111</h1>
<p>php中文网22222222</p>
<!-- 打印出Google字体 -->
<span style="color:#0388F1">G</span>
<span style="color: rgb(245,28,39);">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
<br>
<br>
<!-- 图片和文字在一行 -->
<p style="display: inline-block;width: 500px;height: 500px;"> 据Engadget消息，谷歌可能让多款Chromebook支持Windows 10系统。谷歌正在研发一种新功能Campfire，它可让Pixelbook同时支持Chrome OS和Windows 10。前提是笔记本硬件必须达到运行Windows 10的最基本标准。此外安装Windows10至少需要40GB存储空，。
</p>
<img src="images/1.jpg" >
<br>
<br>
<img src="images/1.jpg" >
<b>据Engadget消息，谷歌可能让多款Chromebook支持Windows 10系统。谷歌正在研发一种新功能Campfire，它可让Pixelbook同时支持Chrome OS和Windows 10。前提是笔记本硬件必须达到运行Windows 10的最基本标准。此外安装Windows10至少需要40GB存储空，。
</b>
</body>
</html>
