![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：缺少手写代码！
Collection
Collection
课程：PHP中文网上了第三期的培训（前端部分）
时间：2018年8月13号晚8点
讲师：灭绝师太！
内容：HTML是由标签组成的，为了让HTML美观，加入CSS样式表，引入CSS的三种方式，内联样式》内部样式》外部样式
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第二节课文本控制</title> </head> <body> <h1>这是一个h1标签</h1> <h2>这是一个h2标签</h2> <h3>这是一个h3标签</h3> <h4>这是一个h4标签</h4> <h5>这是一个h5标签</h5> <h6>这是一个h6标签</h6> <p>这是一个p标签</p> <b>这是一个B标签</b><br> <strong>这是一个strong标签</strong><br> <i>这是一个i标签</i><br> <em>这是一个em标签</em><br> <del>这是一个del删除线标签</del><br> <p style="background: yellow;width: 300px;height: 200px;">PHP中文网</p> <!-- 块级元素：div h p 独占一行 对宽高属性值设置生效 --> <span>399元</span> <!-- 行内：可以共存于一行对宽高属性值设置不生效 --> <img src="images/i.jpg" style="width: 100px;height: 200px;"alt=""> <!-- 行内块元素：设置宽高并且不占一行 --> <div style="width: 100px;height: 100px;background: pink; display: inline;">1</div> <!-- display: inline 将块级元素转换为行内 --> <div style="width: 100px;height: 100px;background: pink; display: inline-block;">2</div> <!-- display: inline-block;将块级元素转换为行内块元素 --> <span style="width: 100px;height: 100px;background: pink;display: block;">3</span> <!-- display: block;将行内元素转换为块级 --> <span style="width: 100px;height: 100px;background: pink;display: inline-block;">4</span> <!-- display: inline-block;将行内元素转换为行内块元素 --> </body> </html>
点击 "运行实例" 按钮查看在线实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>凤凰财经打黑黄晓明</title>
<link rel="icon" text="image/x-icon" href="images/4.jpg">
<style type="text/css">
h1{background:red;text-align: center;font-size:5em;width: 70%;margin: auto;}
#box{background:pink;width: 66%;margin:10px auto;padding: 40px;
}
pre{font-size: 2em;color: green;font-weight: 700;font-style: italic;
}
p{text-indent: 2em;font-size: 3em
}
img{box-shadow: 15px 10px 10px #888;border-radius: 70%}
span{display: inline-block;width: 45%;font-size: 3em;text-indent: 2em;padding-left: 60px;}
#pid{display: inline-block;width: 50%;font-size: 3em;text-indent: 2em;
}
#pid2{ /*display: block;*/
text-indent: 2em;
font-size: 2em;
width: 500px;
height: 40px;
float: right;
background: pink;
overflow: hidden;/*溢出隐藏*/
margin-bottom: 300px;
}
#pid2:hover{overflow: visible;}
</style>
</head>
<body>
<h1 >黄晓明跑不了 铁定卷入18亿股票操纵大案</h1>
<div id="box">
<pre>
2018-08-13 17:32:41
来源： 灭绝师太
</pre>
<p>世界上没有神仙，有，那都是神棍。世界上没有救世主，有，那都是。</p>
<p>A股是一个经常神出鬼没的地方。股神徐翔锒铛入狱之后，这不又冒出个“民间股神”高勇，一出世就搞出了18亿股票操纵大案。高勇不是一个人在战斗，他成立的私募基金护城河公司没有成为他操纵股价的护身符，相反引爆了更大的地雷，将身后的明星黄晓明给推向了股票操纵大案的更口浪尖。</p>
<img src="images/2.jpeg" width="50%" alt="">
<span>高勇的坐庄之路简单粗暴。坐庄之前，高勇经常到电视台做节目讲股票，参加炒股大赛获得过冠军，在高校开设投资课程这些老套路，把自己包装成所谓的股神。赚足了名气之后，高勇跟人合伙成立了私募基金公司北京护城河投资发展中心。护城河公司跟其他私募套路一样，通过信托等渠道进行资金募集。部分不愿意买信托的，就将自己的账户委托给高勇进行代客理财。高勇两个信托账户和代管的14个自然人账户，聚合资金超过20亿。高勇喜欢一把梭，20亿资金全部坐庄精华制。</span>
<p id="pid">巨额资金在手，高勇开始了粗暴而又疯狂的坐庄之路。从2015年1月12日到2月17日短短一个月时间内，高勇的账户组就委托买入2839万股精华制。这个量有多大呢？超过同期申购量的28%。期间成交了2371万股，成交量更是超过同期36%。这期间至少有18个交易日的成交量超过同期的10%，最高成交量占比超过76%。这种利用资金优势连续交易的玩儿法，很容易将股价拉升。就这么1个月时间，股价涨幅超过66%。</p>
<img src="images/3.jpg" alt="" title="师太最爱" width="42%" style="float: right;">
<p id="pid2">师太点评：黄晓明真的能从18亿股票操纵案中脱身吗？《德林社》一直认为，法律面前人人平等，法律绝不冤枉一个好人，也不要放过一个坏人。特别是作为公众人物更应该遵法守法，我们希望黄晓明能够及时将问题彻底解释清楚。</p>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
