章节
问答
课签
笔记
评论
占位
占位

编程练习

小伙伴们，动手实现一个静态网页。

效果图:

 

任务

一、准备一个空白的HTML页面，同时完成css reset样式

  提示:
  1.reset样式可以参考别的大型网站的reset规则。
  2.要添加utf-8的meta标签

二、完成页面当中的展示列表HTML的结构代码

  提示:
  1.注意标签的语义化，无序列表需使用ul和li。
  2.标题部分要使用h3标签。
  3.每个li结构当中会有一个i标签用来展示icon。

三、为列表的容器添加class和样式，同时reset列表本身的容器

提示:
  1.注意要reset H3的默认样式。
  2.li和ul要去掉默认的样式。
  3.为ul的容器div增加class，并设置样式。

 

 

?不会了怎么办

请参考下个编程练习的初始代码。

||
1
2
<html>
<head>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

border 问题

最新回答 / 法克大叔叔
background-color为什么会覆盖border，一个是在内容区，一个是在内容外，怎么会有影响
1 回答 1234 浏览
2017-08-04

li标签想加一个文字两倍长度的下划线。可是下划线左边伸不出去。怎么破？

已采纳回答 / 海带妹
给文字定义边框
2 回答 2820 浏览
2017-06-10

border-bottom设置的效果不理想，只有字下面才开始有，前面一块没有，大神指点指点

+ 我来回答 回答最高可+2积分
4 回答 4035 浏览
2022-07-23

这题里面文字居中怎么设置？能用margin 0 auto吗？

已采纳回答 / RenneXV
h3是块元素,默认宽度100%,你父元素如果和浏览器一样宽..那margin auto不就没有了么..文字居中可以试试text-align:center; 或者设定宽度 margin:0 auto;
6 回答 2440 浏览
2017-03-23

关于雪碧图的编程题

最新回答 / 李晓健
css中有个  background-repeat-x  可以去看一下
1 回答 1142 浏览
2016-08-23

不设置h3属性，border-bottome无法显示是为什么？如图加上li{}为什么又可以显示？

+ 我来回答 回答最高可+2积分
2 回答 1422 浏览
2022-08-08

怎样让文字居中显示

+ 我来回答 回答最高可+2积分
3 回答 1021 浏览
2022-07-19

为什么加了i标签后无序列表不在对齐而是上下错开的

最新回答 / qq_爱的潜规则我不懂_0
没添加浮动，我跟之前视频一样的步骤但视频是对齐了我的是错开的
2 回答 1528 浏览
2016-08-23

请问怎么实现里面的下划线在整个div里居中

已采纳回答 / donaf
你这个应该是一个div里面嵌套一个<ul><li>你只要对<ul>或者<li>设置一个“padding:0  10px"（左右要一样），然后对<li>加一个"border-bottom:1px",这样这条线是居中的了
2 回答 4111 浏览
2022-09-08

关于reset

+ 我来回答 回答最高可+2积分
4 回答 1139 浏览
2022-09-07

font-weight不可以在ul li{}中设置么？只能在li h3{}中设置么？我尝试了font-weight下在ul li{}中设置粗细并没有实现效果，但是font-size是可以实现效果的？有知道原理的请帮忙解答下。谢谢

已采纳回答 / 小怪兽在上
我会说我刚刚试了下，变化很大吗
6 回答 1298 浏览
2022-09-05

为什么样式前面有注释，样式内容就不生效？

已采纳回答 / 温暖的骨头
（转）CSS的注释语法是： / * ...... * /    而不是： <!--......-->    后者是正儿八经的html语法。两者不是一回事儿。    那么，为什么自动生成的style中要有这么一对html的注释标记呢？    这是为了兼容老版本的浏览器。老的浏览器不支持style，所以遇到style时，会把style样式单的内容显示在页面上。但是老版本的浏览器认识html的注释标记，所以加上标记后，这部分内容就会被当作注释忽略掉，样式单也就不会在页面上显示了。    而支持sty...
4 回答 2362 浏览
2022-06-10

看效果图做网页

最赞回答 / 站在树端的猫
把<ul>标签默认样式清零即添加{margin:0；padding:0；}同时为<li>添加text-align:center；margin:0 10px； 
1 回答 1383 浏览
2016-08-23

Done

最新回答 / 慕码人8027626
求积分
1 回答 860 浏览
2016-08-23

交作业

+ 我来回答 回答最高可+2积分
1 回答 1016 浏览
2022-04-07
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言