                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

为什么日期字号大呢

日期字号比较大需要在news-list span里面重新设置老师只写了颜色和右浮动请问是怎么回事

慕粉3245911

2016-05-18

源自：企业网站综合布局实战 3-12

关注问题我要回答

736

操作

收起

3 回答

qq_隔壁少年郎_0
2016-12-27

连个截图都不给吗。。截取对应区域的代码。其他人也好比较嘛

还有这个DIV里的包裹顺序是这样的。你是不是复制了其他小伙伴留言里的代码片段了？

<ul>

</ul>

</div>

0 回复有任何疑惑可以回复我~

收起回答

慕粉3245911 提问者
2016-05-19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

myFocus.set({

id:'picBox'}

)

</script>

margin:0;

padding:0;

font-size:12px;

}

body{

background-color:#F5F5F5;

}

.top{

width:100%;

height:27px;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/top_bg.jpg)repeat-x;

}

.top-content{

width:1000px;

margin:0 auto;

}

.top-content li{

list-style-image:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/li_bg.gif);

width:70px;

float:right;

line-height:27px;

}

.wrap{

width:1000px;

margin:0 auto;

}

.logo{

height:80px;

background:white;

}

.logo-left{

width:200px;

float:left;

}

.logo-right{

width:300px;

height:28px;

margin-top:30px;

float:right;

color:#8E8E8E;

}

.logo-right img{

vertical-align:middle;

margin-right:10px;

}

span{

font-family:"Microsoft YaHei UI";

font-size:16px;

color:red;

}

.nav{

height:40px;

}

.nav-left{

width:10px;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/nav_left.jpg) no-repeat;

}

.nav-mid{

width:980px;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/nav_bg.jpg) repeat-x;

}

.nav-right{

width:10px;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/nav_right.jpg) no-repeat;

}

.nav-left,.nav-mid,.nav-right{

float:left;

height:40px;

}

.nav-mid-left,.nav-mid-right{

float:left;

}

.nav-mid-left{

width:680px;

}

.nav-mid-right{

width:300px;

}

.nav-mid-left li{

float:left;

list-style:none;

width:100px;

text-align:;

line-height:40px;

}

.nav-mid-left a:link,.nav-mid-left a:visited{

text-decoration:none;

color:#FFF;

font-size:16px;

font-family:"Microsoft YaHei UI";

}

.nav-mid-left a:hover,.nav-mid-left a:active{

text-decoration:none;

color:#FF0;

font-size:16px;

font-family:"Microsoft YaHei UI";

}

.search-text{

width:190px;

height:25px;

margin-top:5px;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/search.jpg) no-repeat right center;

padding-right:25px;

background-color:#FFF;

border:1px solid #FFF;

}

.ad{

height:310px;

overflow:hidden;

}

.main{

height:250px;

background:#FFF;

margin-top:5px;

}

.news{

width:340px;

border:1px solid #E8E8E8;

}

.course{

width:410px;

border:1px solid #E8E8E8;

margin:0 7px;

}

.sidebar{

width:230px;

}

.news,.course,.sidebar{

height:250px;

float:left;

}

.title{

height:35px;

border-bottom:1px solid #E8E8E8;

}

.title-left{

width:70%;

float:left;

font-family:"Microsoft YaHei UI";

font-size:14px;

line-height:35px;

font-weight:bold;

color:#786F66;

padding-left:20px;

}

.title-right{

width:20%;

float:right;

line-height:35px;

}

.title-right a{

text-decoration:none;

color:#999999;

}

.pic-news{

height:80px;

margin-top:10px;

line-height:22px;

}

.pic-news img{

float:left;

margin:0 5px;

}

.pic-news a{

color:#C00;

text-decoration:none;

font-family:"Microsoft YaHei UI";

}

.news-list{

margin-top:20px;

}

.news-list li{

list-style-type:none;

background:url(../../%E6%85%95%E8%AF%BE%E7%BB%83%E4%B9%A0/%E4%BC%81%E4%B8%9A%E7%BD%91%E7%AB%99%E5%AE%9E%E8%B7%B5%EF%BC%88%E6%BA%90%E4%BB%A3%E7%A0%81%EF%BC%89/images/list.jpg)no-repeat;

padding-left:10px;

margin:8px;

border-bottom:1px dotted #CCC;

}

.news-list a:link,.news-list a:visited{

color:#000;

text-decoration:none;

}

.news-list a:hover,.news-list a:active{

text-decoration:none;

color:#F00;

}

.news-list span{

color:#999;

float:right;

}

</style>

</head>

<body>

<ul>

</ul>

</div>

</div>

<img src="../../慕课练习/企业网站实践（源代码）/images/tel.jpg" alt="服务热线" />24小时服务热线：<span class="tel">123-456-7890</span>

</div>

</div>

<ul>

</ul>

</div>

</form>

</div>

</div>

<ul>

</ul>

</div>

</div>

<img src="../../慕课练习/企业网站实践（源代码）/images/news.jpg" /><h2><a href="news.html">520 慕女神喊你来表白！</a></h2>

<p>活动时间：5月20日—5月25日<br />获奖公布时间：5月26日<br /><a href="news.html">Learn More>></a></p>

</div>

<ul>

<li><span>2014-06-01</span><a href="news.html">【慕客访谈用户篇】 “有为屌丝在路上”</a></li>

<li><span>2014-06-01</span><a href="news.html">【有奖活动】给父亲的三行书信</a></li>

<li><span>2014-05-30</span><a href="news.html">《程序猿，请晒出你的童年》活动获奖公告</a></li>

<li><span>2014-05-28</span><a href="news.html">【慕客访谈】破茧成蝶--美女程序员的蜕变史</a></li>

</ul>

</div>

<div class="course">hljhlhjl</div>

<div class="sidebar">uhljhljl</div>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

老老实实做猿
2016-05-19

最好把代码弄上来我看看

0 回复有任何疑惑可以回复我~

收起回答

慕粉3245911 提问者

代码在下面了谢谢

2016-05-19 回复有任何疑惑可以回复我~

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1985 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

2 回答chrome下日期为什么错行？

1 回答为什么日期放在标题左边

1 回答新闻中心那的文字和日期怎么对齐呀

3 回答新闻列表日期

3 回答日期错位的时候，放在前面，为什么在后面显示？

搜索更多本课相关问答

为什么日期字号大呢

我要回答关注问题

热搜

最近搜索清空

为什么日期字号大呢

3 回答

本课相似问答

为什么日期字号大呢