老师请帮我看下代码,还有字体设置了白色没有显示,请老师帮我看下有哪些问题!感谢!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title ></ title > < style type = "text/css" > *{margin:0;padding:0;text-decoration:none;color#fff;} .tb{width:100%; height:100px; background:black; top:0; position:fixed; } .tb1 a img{float:left;display:block;} .tb2{float:right;} .tb2 ul{overflow:hidden;} .tb2 ul li{ float:left; font-size:20px; list-style:none; line-height:100px; padding:0 20px;} .zt{width:100%; height:800px; background:#add8e6; margin-top:100px; margin-bottom;100px;} .zt1,.zt2{ width:23%; float: left; padding-top:80px; padding-left:20%; line-height: 50px; color:black; } .zt1 li,.zt2 li{list-style:none;} span{ background: pink;} .db{width:100%; height:100px; background:black; bottom:0;position:fixed; text-align:center;} .db ul li{ font-size:20px; margin:0 40px; display:inline; line-height:100px; color:#fff} </ style > </ head > < body > <!--头部--> < div class = "tb" > < div class = "tb1" >< a href = "#" >< img src = "http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" </a></ div > < div class = "tb2" > < ul class = "tb3" > < li >< a href = "#" >课程</ a ></ li > < li >< a href = "#" >职业路径</ a ></ li > < li >< a href = "#" >实战</ a ></ li > < li >< a href = "#" >猿问</ a ></ li > < li >< a href = "#" >手记</ a ></ li > </ ul > </ div > </ div > <!--主体内容--> < div class = "zt" > < div class = "zt1" > < h3 >课程推荐</ h3 > < ul > < li >< span >职业路径</ span > HTML5与css3实现动态网页</ li > < li >< span >职业路径</ span > 零基础入门Android语法与界面</ li > < li >< span >职业路径</ span > ios基础语法与常用控件</ li > < li >< span >职业路径</ span > PHP入门</ li > < li >< span >职业路径</ span > JAVA入门开发</ li > </ ul > </ div > < div class = "zt2" > < h3 >相关课程</ h3 > < ul > < li >HTML CSS JavaScript</ li > < li >HTML5 CSS3 jquery</ li > < li >移动端基础 移动端APP开发</ li > </ ul > </ div > </ div > <!--底部--> < div class = "db" > < ul > < li >< a href = "#" >网站首页</ a ></ li > < li >< a href = "#" >企业合作</ a ></ li > < li >< a href = "#" >人才招聘</ a ></ li > < li >< a href = "#" >联系我们</ a ></ li > < li >< a href = "#" >常见问题</ a ></ li > < li >< a href = "#" >友情链接</ a ></ li > </ ul > </ div > </ div > </ body > </ html > |
0
收起
正在回答
2回答
同学你好,问题如下:
1、属性与属性值之间是用英文状态下的:分开。
2、字体颜色就是因为以上问题导致的。
如果帮助到了你,欢迎采纳~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧