博客列表 >html文本样式文本控制:图文混排基础----2018年8月14日

html文本样式文本控制:图文混排基础----2018年8月14日

王大利的博客
王大利的博客原创
2018年08月14日 14:47:25753浏览
实例
<!DOCTYPE html>
<html>
<head>
<title>文本控制</title>
<meta charset="utf-8">
<style type="text/css">
 p{font-weight: bold;
  font-size: 40px;
  font-family:楷体;
  text-align:left;
  color:red;}
h1{font-weight: bold;font-size: 30px;text-align:center; height: 80px;background: #ccc; line-height: 80px;}/*text-align 设置文本位置 line-height 设置文本上下位置居中*/
span{font-size: 60px;font-weight: bold; font-family:calibri;}
b{height:40px;width:600px;display:block;background:pink; overflow:hidden;margin-bottom:100px;}/*overflow:hidden是溢出隐藏   margin-bottom是底部外边距的意思让他留出空间给未显示部分的内容来显示*/
b:hover{overflow:visible;}/*这是一个伪类 b后面加冒号来实现 hover事件触发类鼠标掠过文字的时候b标签里的内容就会全部显示出来*/
</style>
</head>
<body>
<P>我是用font属性来控制的文字</P>
<h1>php中文网我要用text-align居中</h1>
<br>
<!-- 下面做一个谷歌logo -->
<span style="color:#1671E3;">G</span>
<span style="color:rgb(214,50,38);">o</span><!--  rgb颜色标注 -->
<span style="color:#F9C519;">o</span>
<span style="color:#3374F6;">g</span>
<span style="color:#00955A;">l</span>
<span style="color:#C84229;">e</span> 
<!-- 下面做一个图文混排  -->
<p style="font-size:20px;color:black; display:inline-block;width:600px;">  <!-- 用inline-block把块级元素变成行内块元素 -->医疗卫生领域中央与地方财政事权和支出责任划分改革方案
为全面贯彻落实党的十九大精神,推动实施健康中国战略,按照党中央、国务院关于推进中央与地方财政事权和支出责任划分改革的决策部署,现就医疗卫生领域中央与地方财政事权和支出责任划分改革制定如下方案:
一、总体要求
(一)改革的必要性。
人民健康是民族昌盛和国家富强的重要标志,医疗卫生是保障人民健康的重要民生事业。按照我国医疗卫生体制,医疗卫生领域财政事权主要包括公共卫生、医疗保障、计划生育、能力建设等四个方面。目前,我国医疗卫生领域中央与地方财政事权和支出责任划分的体系框架初步形成,但也存在一些问题,主要是划分体系不够完整,缺乏系统的制度规范;部分事项财政事权划分不明确,地方执行缺乏依据;部分事项财政事权划分不科学,职责交叉重叠;存在多种中央和地方分担比例,支出责任划分不尽合理;部分项目分散、多头管理,财政资金使用效益不高等,需要通过财政事权和支出责任划分改革加以解决。</p>
<img src="images/haha.jpg">
<img src="images/haha.jpg">
<b>人民健康是民族昌盛和国家富强的重要标志,医疗卫生是保障人民健康的重要民生事业。按照我国医疗卫生体制,医疗卫生领域财政事权主要包括公共卫生、医疗保障、计划生育、能力建设等四个方面。目前,我国医疗卫生领域中央与地方财政事权和支出责任划分的体系框架初步形成,但也存在一些问题,主要是划分体系不够完整,缺乏系统的制度规范;部分事项财政事权划分不明确,地方执行缺乏依据;部分事项财政事权划分不科学,职责交叉重叠;存在多种中央和地方分担比例,支出责任划分不尽合理;部分项目分散、多头管理,财政资金使用效益不高等,需要通过财政事权和支出责任划分改革加以解决。</b>
</body>
</html>

运行实例 »
点击 "运行实例" 按钮查看在线实例<!DOCTYPE html>
<html>
<head>
<title>文本控制</title>
<meta charset="utf-8">
<style type="text/css">
 p{font-weight: bold;
  font-size: 40px;
  font-family:楷体;
  text-align:left;
  color:red;}
h1{font-weight: bold;font-size: 30px;text-align:center; height: 80px;background: #ccc; line-height: 80px;}/*text-align 设置文本位置 line-height 设置文本上下位置居中*/
span{font-size: 60px;font-weight: bold; font-family:calibri;}
b{height:40px;width:600px;display:block;background:pink; overflow:hidden;margin-bottom:100px;}/*overflow:hidden是溢出隐藏   margin-bottom是底部外边距的意思让他留出空间给未显示部分的内容来显示*/
b:hover{overflow:visible;}/*这是一个伪类 b后面加冒号来实现 hover事件触发类鼠标掠过文字的时候b标签里的内容就会全部显示出来*/
</style>
</head>
<body>
<P>我是用font属性来控制的文字</P>
<h1>php中文网我要用text-align居中</h1>
<br>
<!-- 下面做一个谷歌logo -->
<span style="color:#1671E3;">G</span>
<span style="color:rgb(214,50,38);">o</span><!--  rgb颜色标注 -->
<span style="color:#F9C519;">o</span>
<span style="color:#3374F6;">g</span>
<span style="color:#00955A;">l</span>
<span style="color:#C84229;">e</span> 
<!-- 下面做一个图文混排  -->
<p style="font-size:20px;color:black; display:inline-block;width:600px;">  <!-- 用inline-block把块级元素变成行内块元素 -->医疗卫生领域中央与地方财政事权和支出责任划分改革方案
为全面贯彻落实党的十九大精神,推动实施健康中国战略,按照党中央、国务院关于推进中央与地方财政事权和支出责任划分改革的决策部署,现就医疗卫生领域中央与地方财政事权和支出责任划分改革制定如下方案:
一、总体要求
(一)改革的必要性。
人民健康是民族昌盛和国家富强的重要标志,医疗卫生是保障人民健康的重要民生事业。按照我国医疗卫生体制,医疗卫生领域财政事权主要包括公共卫生、医疗保障、计划生育、能力建设等四个方面。目前,我国医疗卫生领域中央与地方财政事权和支出责任划分的体系框架初步形成,但也存在一些问题,主要是划分体系不够完整,缺乏系统的制度规范;部分事项财政事权划分不明确,地方执行缺乏依据;部分事项财政事权划分不科学,职责交叉重叠;存在多种中央和地方分担比例,支出责任划分不尽合理;部分项目分散、多头管理,财政资金使用效益不高等,需要通过财政事权和支出责任划分改革加以解决。</p>
<img src="images/haha.jpg">
<img src="images/haha.jpg">
<b>人民健康是民族昌盛和国家富强的重要标志,医疗卫生是保障人民健康的重要民生事业。按照我国医疗卫生体制,医疗卫生领域财政事权主要包括公共卫生、医疗保障、计划生育、能力建设等四个方面。目前,我国医疗卫生领域中央与地方财政事权和支出责任划分的体系框架初步形成,但也存在一些问题,主要是划分体系不够完整,缺乏系统的制度规范;部分事项财政事权划分不明确,地方执行缺乏依据;部分事项财政事权划分不科学,职责交叉重叠;存在多种中央和地方分担比例,支出责任划分不尽合理;部分项目分散、多头管理,财政资金使用效益不高等,需要通过财政事权和支出责任划分改革加以解决。</b>
</body>
</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议