为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 日期左侧新闻右侧
    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ li{ list-style:none; float:left; width:50px; height:30px; text-align:center; line-height:30px; } a{ text-decoration:none; color:black; display:block; } a:hover{ color:white; background-color:#be3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 应该是这样
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-11

  • list-siyle-type:none;去掉 Li 标签前面的点! text-decoration:none;去掉 a 标签下划线属性! A:link 超链接的默认样式 A:visited 访问过的(已经看过的)链接样式 A:hover 鼠标处于鼠标悬停状态的链接样式 A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 写法: a:link,ul li a:visited{color:black;} a:hover,ul li a:active{color:#fff; background:#be3948;}
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-11

  • 内联元素改为块元素display:block;
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-10

  • clear清除浮动。
    查看全部
    0 采集 收起 来源:浮动 float

    2016-08-10

  • PCH
    答案:B。 text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
    0 采集 收起 来源:练习题

    2016-08-09

  • PCH
    块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。
    查看全部
    0 采集 收起 来源:练习题

    2016-08-09

  • 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理:在浮动元素后加个div设置clear: both; height:0,overflow:hidden;使用clearfix;设置父元素浮动;
    查看全部
    0 采集 收起 来源:练习题

    2016-08-09

  • 代码OK
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-08

  • 图片居中显示,先设置img------display:block,再用margin:0 auto;
    查看全部
    1 采集 收起 来源:编程练习

    2016-08-08

  • em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-08

  • display:block;变为块状元素
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-08

  • 任务get
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-07

  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ .box1{text-align:center;} .box1 a{font-family:"微软雅黑";font-size:5px; text-decoration:none; color:#000; border:1px solid #e8e8e8; padding:5px 10px; } .box1 a:link,.box1 a:visted{ color:#000; background-color:#000; } .box1 a:hover,.box1 a:active{ color:#fff; background-color:#f22; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="box1"> <a href="#">首页</a> <a href="#">&lt;</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">...</a> <a href="#">&gt;</a> <a href="#">末页</a> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!