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日是第十七届中国记者节。习近平一直关系新闻工作者，近一年见，在人民日报社、新华社、中央电视台等媒体调研考察时，他接触做多的就是一线编辑人员。一个个难忘的瞬间，浓缩着总书记对广大新闻工作者的关爱。
看望获奖者，要求新闻工作者坚持“四项”
在第十七届中国记者节到来之际，习京平亲切慰问工作者，深情地说“同志们工作很辛苦、很有成效，党和人民感谢你们”。
如图所示
http://s5.运维网.com/wyfs02/M02/8A/00/wKiom1gjvzbggKSjAACD1I5y5QQ714.png-wh_500x0-wm_3-wmp_4-s_4125813659.png
第二；文章标题的使用
编码如下
序列
li{
text-align: center;
list-style: none;
width: 70px;
background-color: #ff0000;
float: left;
margin: 0 20px;
}
数学
高数
线性代数
概率分析
如图所示
http://s5.运维网.com/wyfs02/M01/89/FD/wKioL1gjvhrx5EUwAAAMBup5dVM046.png-wh_500x0-wm_3-wmp_4-s_3399743978.png
三；文章标题栏的再次练习
!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;
}
语文
数学
英语
政治
化学
http://s2.运维网.com/wyfs02/M00/89/FD/wKioL1gjvm3j7RZcAAALhCZihfY113.png-wh_500x0-wm_3-wmp_4-s_4141746760.png
自己练习 运维网的 标题栏
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
读书
如图所示
http://s1.运维网.com/wyfs02/M01/8A/00/wKiom1gjvt6izo2LAAAX2tHHxqo219.png-wh_500x0-wm_3-wmp_4-s_1270970257.png
心得体会：
多加练习，熟悉套路！
页:
[1]