总结：本章节学习到html与css的结合使用 以及内容文章页的布局，以及css样式设置的掌握、其中文本的居中以及行的高度 背景颜色以及文字的颜色设置居中设置为重中之重，掌握块元素与行元素的区别运用，颜色的搭配和网页的整体完美度
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--标题头-->
<title>魔方公寓获得1.5亿美元D轮融资</title>
<!--内联样式-->
<style type="text/css">
/*清楚页面四周空白*/
*{margin:0;padding: 0; }
/*设置div的宽高以及剧中*/
div{width: 700px;height: 200px;margin: 100px auto;}
/*p段落的文字大小为15px*/
p{font-size: 15px;}
/*设置图片我的位置*/
img{margin:40px 0;}
h1{font-family:宋体; /*改变字体*/}
/*设置class为box的文字行高 和底部外边距距离为20px*/
.box{line-height: 30px; margin-bottom: 20px;}
</style>
</head>
<body>
<div>
<h1 >魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</h1>
<!-- 内联样式写法 -->
<p style="color: #ccc; line-height: 70px;"><abbr title="高梦杨">高梦杨</abbr> . 2019-3-12 16:09</p>
<!-- text-align: center 文字居中 background:#f2f2f2; 背景色 -->
<p style="text-align: center; background:#f2f2f2; line-height: 70px;"> <b>摘要：</b> 新一轮融资到手后，魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
<img src="images/1.jpeg" width="700" alt="图片img...">
<p class="box">
<b style="font-size: 18px;">钛媒体快讯 | 3月11日消息：</b>
钛媒体获悉，魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。
</p>
<p class="box">党的十八大以来，***总书记就加强党的作风建设，力戒形式主义、官僚主义作出一系列重要指示。近期，***总书记专门作出重要批示，强调2019年要解决一些困扰基层的形式主义问题，切实为基层减负。为贯彻落实***总书记重要指示批示精神，更好为基层干部松绑减负，激励广大干部担当作为、不懈奋斗，经中央领导同志同意，决定将2019年作为“基层减负年”，现就有关工作要求通知如下。</p>
<p class="box"> 坚持用***新时代中国特色社会主义思想武装头脑，在深化消化转化上下功夫，把理论学习的成效体现到增强党性修养、提高工作能力、改进工作作风、推动党的事业发展上。将力戒形式主义、官僚主义作为全党开展的“不忘初心、牢记使命”主题教育重要内容，教育引导党员干部牢记党的宗旨，坚持实事求是的思想路线，树立正确政绩观，把对上负责与对下负责统一起来。从领导机关首先是中央和国家机关做起，开展作风建设专项整治行动，发扬斗争精神，对困扰基层的形式主义问题进行大排查，着重从思想观念、工作作风和领导方法上找根源、抓整改。严明政治纪律和政治规矩，认真汲取秦岭北麓西安境内违建别墅问题的深刻教训，坚决防止和纠正落实党中央决策部署不用心、不务实、不尽力，口号喊得震天响、行动起来轻飘飘的问题，真正把树牢“四个意识”、做到“两个维护”的要求落到实处。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
