<!DOCTYPE html>
<html>
<head>
<title>文本控制</title>
</head>
<body >
<h1>这是一个H1标签</h1>
<h2>这是一个H2标签</h2>
<h3>这是一个H3标签</h3>
<h4>这是一个H4标签</h4>
<h5>这是一个H5标签</h5>
<h6>这是一个H1标签</h6>
<b>我是粗体标签</b>
<p>坚决打赢脱贫攻坚战，让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，总书记的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，深入体会总书记对脱贫攻坚工作的重要指示精神。</p>
<p>我们党员干部都要有这样一个意识：只要还有一家一乃至一个人没有解决基本生活问题，我们就不能安之若素；只要群众对幸福生活的憧憬还没有变成现实，我们就要毫不懈怠团结带领群众一起奋斗。</p>
<i>我是斜体标签</i>
<br>
<em>定义重着重字标签，也有斜体效果</em>
<br>
<del>我是删除标签</del>
<span>399元</span>
<pre>预格式化文本
可以体现 内部换行，空格</pre>
<!-- 块级元素：div/h1---h6/p 独占一行，自带换行，对宽高属性值设置生效（对其进行宽高设置有效）。
行内元素：可以共存于一行，并且对宽高属性值设置不生效（对其进行宽高设置无效）。 -->
<!-- 行内块元素：结合了块级元素与行内元素的特点，即可以进行宽高设置，也可以共存一行。 -->
<img src="img/footlogo.png" style="width:200px;height:200px;"><span>1234567</span>
<!-- 行内块级相互转化：
display :inline 将元素转换为行内元素
display ：inline-black 将元素转换为行内块元素
display ：black 将元素转换为块级元素
-->
<div style="width:100px;height:100px;background:#ccc;display:inline">1</div>
<div style="width:100px;height:100px;background:pink;display:inline-black">2</div>
<span style="width:100px;height:100px;background:#ccc;display:block">3</span>
<span style="width:100px;height:100px;background:pink;display:inline-block">4</span>
<span style="width:100px;height:200px;background:#ccc;display:inline-block">5</span>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
<style type="text/css">
p{font-weight: bolder;/* 定义粗体 */
font-size: 30px;/* 定义字体大小 */
font-family: 楷体;/* 定义字体 ，一般不建议定义字体，防止你定义的字体用户客 户端没有*/
}
h1{text-align: center;
height: 100px;
background: #ccc;
line-height: 100px;/* 定义行高，如果行高等于height，就是上下居中 */
}
span{font-size: 40px;font-weight: bold;font-family: georgia;}
img{width:100px;height:100px;}
b{display: block;
width: 100px;
height: 40px;
background: pink;
overflow: hidden; /* 溢出隐藏，超过行高的部分隐藏。 */
margin-bottom: 300px;
}
b:hover{overflow: visible;}/* 默认值，内容不背隐藏，元素会呈现在元素框的外面 */
</style>
</head>
<body>
<h1>php</h1>
<p>php中文网</p>
<br>
<!-- 谷歌logo实例 -->
<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:#39FF18">l</span>
<span style="color:#FFE80E">e</span>
<!-- 图文混排实例 -->
<p>坚决打赢脱贫攻坚战，让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，总书记的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，深入体会总书记对脱贫攻坚工作的重要指示精神。</p>
<img src="img/footlogo.png">
<br><br>
<img src="img/footlogo.png">
<b>坚决打赢脱贫攻坚战，让贫困人口和贫困地区同全国一道进入全面小康社会是我们党的庄严承诺。党的十八大以来，习总书记的扶贫足迹遍布全国，对坚决打赢脱贫攻坚战作出重要战略部署。党建网微平台整理了总书记关于脱贫攻坚的部分精彩论述，从说“不”的角度，深入体会总书记对脱贫攻坚工作的重要指示精神。</b>
</body>
</html>
