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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 内联元素的高度宽度是不可以设置的;em为内联元素 背景图片定位: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | right
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-21

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

    2015-08-20

  • 设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开 让父div随子div的大小变化,使用overflow:hidden
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-20

  • .page a{ display:inline-block; font-family:"微软雅黑"; font-size:12px; border:1px solid #e8e8e8; padding:5px 10px; } .page a:link,.page a:visited{ color:black; text-decoration:none; } .page a:hover,.page a:active{ color:black; background:#CC1b1b; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="page"> <p> <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> </p> </div>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2015-08-19

  • {margin:0;padding:0;} .topList{ width:300px; height:180px; border:1px solid #E8E8E8; margin:10px auto; } ul{ padding:5px; font-size:12px; font-family:"微软雅黑"; } li{ list-style-type:none; height:30px;} em{ width:20px; height:16px; line-height:16px; font-style:normal; text-align:center; color:#333; background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)0 -16; display:block; float:left; } .top em{ background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg); color:#fff; } .topList a:link,.topList a:visited{ text-decoration:none; color:black; } .topList a:hover,.topList a:active{ text-decoration:underline; color:red; }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2015-08-19

  • 代码修改
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-18

  • 企业网站制作
    查看全部
    0 采集 收起 来源:编程挑战

    2015-08-18

  • 调整页面样式
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-18

  • 1,图片居中 img是内联元素,先转化为块级元素占满一行,再设置 margin:0 auto; 2,图片居中 在行内修改css样式 <p align="center"><img src="http://1.jpg" weight="500" height="420" alt="图片展示" /></p> 3,新闻详细页 div 设置最小高度 min-height;300px; (IE6 _height:300px;)
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 调整页面样式
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-18

  • 新闻详细页制作 样式设置属性: 标题:font-family;font-size;text-align;margin 内容(文字+图片):font-size;line-height;text-indent;padding 1.首行缩进: text-indent:2em; 段落首行缩进两个字符 2.text-indent的值允许是负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px;
    查看全部
  • 1,图片居中 img是内联元素,记得先转化为块级元素占满一行,margin:0 auto; 2,图片居中 在行内修改css样式 <p align="center"><img src="http://1.jpg" weight="500" height="420" alt="图片展示" /></p> 3,下面的新闻详情div 记得设置最小高度 min-height;300px; _height:300px;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

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

    2015-08-18

举报

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

微信扫码,参与3人拼团

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

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