20161109 PHP第三课

　　一；再次练习文章
　　编码如下
　　
　　
　　
　　
　　国际在线
　　
　　#conter{
　　width: 700px;
　　height: 200px;
　　margin: 0px 40px;
　　}
　　.page{
　　

　　text-indent: 30px;
　　}
　　#first{
　　/*字体的颜色*/
　　color: #ff0000;
　　/*字体的大小*/
　　font-size: 30px;
　　/*上下的距离也就是行间距*/
　　line-height: 100px;
　　/*字间距*/
　　letter-spacing: 10px;
　　

　　}
　　

　　

　　

　　
　　
　　
　　
　　习近平与新闻工作者：那些难忘的瞬间
　　
　　原标题：习近平与新闻工作者；那些难忘的瞬间
　　
　　
　　新华网记者 黄月 王子恢
　　
　　
　　
　　[学习进行时]11月8日是第十七届中国记者节。习近平一直关系新闻工作者，近一年见，在人民日报社、新华社、中央电视台等媒体调研考察时，他接触做多的就是一线编辑人员。一个个难忘的瞬间，浓缩着总书记对广大新闻工作者的关爱。
　　
　　看望获奖者，要求新闻工作者坚持“四项”
　　
　　在第十七届中国记者节到来之际，习京平亲切慰问工作者，深情地说“同志们工作很辛苦、很有成效，党和人民感谢你们”。
　　
　　
　　
　　
　　如图所示

　　

　　第二；文章标题的使用
　　编码如下
　　

　　
　　
　　
　　
　　序列
　　
　　
　　li{
　　text-align: center;
　　list-style: none;
　　width: 70px;
　　background-color: #ff0000;
　　float: left;
　　margin: 0 20px;
　　}
　　
　　
　　
　　
　　
　　数学
　　高数
　　线性代数
　　概率分析
　　
　　
　　
　　

　　
　　
　　如图所示

　　三；文章标题栏的再次练习
　　!DOCTYPE html>
　　
　　
　　
　　
　　
　　body,ul{
　　/*清除外边距和内边距。*/
　　margin: 0px;
　　padding: 0px;
　　}
　　
　　
　　#banner{
　　/*最长边框的宽度、高度、背景色*/
　　height: 50px;
　　width: 100%;
　　background-color: red;
　　}
　　#container{
　　/*标题栏的高度、宽度、外边距、背景色*/
　　width: 600px;
　　height: 50px;
　　/*margin: 0px auto;*/
　　background-color: red;
　　}
　　li{
　　list-style: none;
　　width: 60px;
　　height: 50px;
　　/* background-color: blue; */
　　float: left;
　　margin-right:3px;
　　color: white;
　　/*垂直居中、左右居中*/
　　text-align: center;
　　line-height: 50px;
　　}
　　li:hover{
　　background-color: orange;
　　}
　　
　　
　　
　　
　　
　　 语文
　　 数学
　　 英语
　　 政治
　　 化学
　　
　　
　　
　　
　　
　　

　　自己练习 运维网的 标题栏
　　
　　
　　
　　
　　
　　
　　div{
　　width: 1500px;
　　margin: 0px auto;
　　background-color: #ff0000;
　　
　　
　　}
　　li{
　　/*去掉点*/
　　list-style: none;
　　/*这是字体的宽度*/
　　width: 90px;
　　height: 50px;
　　/*行高*/
　　line-height: 50px;
　　background-color: #be0000;
　　/*字体的外边框*/
　　margin: 0px 0px;
　　float: left;
　　/*字体与背景居中*/
　　text-align: center;
　　/*字体大小*/
　　font-size: 20px;
　　color: #ffffff;
　　

　　

　　}
　　
　　
　　
　　
　　
　　新闻
　　云计算
　　大数据
　　移动
　　网络
　　安全
　　系统
　　开发
　　服务器
　　存储
　　数据库
　　虚拟化
　　商务办公
　　CIOage
　　读书
　　
　　
　　
　　
　　如图所示

　　心得体会：
　　多加练习，熟悉套路！