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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • div 和 span元素的区别: div块级元素 必须占单独一行; span内敛元素 可以在同一行显示
    查看全部
  • list-style-image,background,background-image属性可以实现把“图像”设置为列表中的项目符号; list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。
    查看全部
    0 采集 收起 来源:练习题

    2017-05-18

  • 盒子模型概念图
    查看全部
    0 采集 收起 来源:盒子模型

    2017-05-17

  • 去掉下划线,项目符号
    查看全部
    0 采集 收起 来源:编程练习

    2017-05-16

  • a、如果同时设置了height和line-height,那么元素的实际高度即为height; b、如果只设置了line-height,那么元素的实际高度等于line-height; 如果你把height设置为0,说明元素没有高度,虽然你也设置了line-height:30px,由a可知,同时设置了height和line-height,高度就是height,所以此时元素的实际高度就是0,如果没有高度的话,浏览器特别懒,虽然你有宽度,但是我也不会把你渲染成一个块的。所以你会看到所有的字体叠在了一起。 那为什么height设置成1px就可以了呢?蚊子腿也是肉,不是么?虽然height只有区区1px,但至少也是有高度的啊。所以此时浏览器会把每个li渲染成块,所以你并没有看到字体叠在一起。 你可能会问为什么高度为0或1时,高度这么小应该容纳不下字体才对啊?为什么还能显示呢? 那是因为浏览器的overflow默认值为visible 你可以设置成overflow:hidden。。然后你就看不到了。。
    查看全部
  • background-position: left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读) 再如:background-position: 15px 20px;(指将图片向右移15px,向下移20px;) 简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负
    查看全部
    0 采集 收起 来源:编程练习

    2017-05-15

  • box
    查看全部
  • myfocus参数
    查看全部
  • clear float
    查看全部
    0 采集 收起 来源:浮动 float

    2017-05-15

  • < >如果想显示在界面上,需要用转移字符
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • A标签是内联元素,为了使内联元素具有块级元素的一些属性同时使所有的a标签显示在同一行上,我们需要把a标签设置为行内块元素inline-block。
    查看全部
    0 采集 收起 来源:编程练习

    2017-05-14

  • clear 清除浮动 left 左侧不允许 right 右侧不允许 both 左右两侧都不允许 none允许浮动出现在两侧 inherit 规定从父元素继承clear属性值
    查看全部
    0 采集 收起 来源:浮动 float

    2017-05-13

  • 清除底部浮动,自动对齐.
    查看全部
  • list-style-type:none;去除左目录 text-decoration:none;去除下划线
    查看全部
    0 采集 收起 来源:编程练习

    2017-05-11

  • 编程练习: <!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"> .top { height:30px; } .top li { float:left; list-style-type:none; width:50px; text-align:center; line-height:30px; } .top a:link,.top a:visited { text-decoration:none; color:#000; font-size:16px; font-family:"微软雅黑"; } .top a:hover,.top a:active { text-decoration:none; color:#FFFFFF; font-size:16px; font-family:"微软雅黑"; background-color:#BE3948; display:block; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <div class="top"> <ul> <li><a href="list.html">全部</a></li> <li><a href="list.html">初级</a></li> <li><a href="list.html">中级</a></li> <li><a href="list.html">高级</a></li> </ul> </div>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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