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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 浮动框不在普通文档流中--脱离文档流浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2016-04-08

  • 顶部区 页面主体区->logo区, 导航区, 大图广告区, 信息展示区(新闻中心, 课程中心, 媒体聚焦) 底部版权区
    查看全部
  • 1. 文字居中可用 text-align:center; 2.图片居中 要先设置display:block; margin:10px auto;才会起效
    查看全部
    0 采集 收起 来源:编程练习

    2016-04-08

  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-08

  • a{display:inline-block} 拥有内联元素属性也拥有块元素属性
    查看全部
  • 文本内容垂直居中可以设置line-height属性的高度与盒子的高度相同。
    查看全部
  • 从上到下的页面布局分析,先分析后coding
    查看全部
  • 清楚浮动clear属性,包含left,right,both,none,inherit(从父元素继承clear属性的值)
    查看全部
    0 采集 收起 来源:浮动 float

    2016-04-07

  • 浮动的框可以向左或向右浮动,知道浮动盒子的边框碰到包含框或另一个浮动框的边缘为止。浮动框脱离普通文档流不占据文档的位置,浮动框的宽度不能容那两个宽度大于页面宽就会移动到下一行上。
    查看全部
    0 采集 收起 来源:浮动 float

    2016-04-07

  • css样式页面写入<style type="text/css"></style>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度【即父元素没设置高度,子元素设置了浮动】。你可以按以下哪种方法处理: A在浮动元素后加个div设置clear: both; height:0,overflow:hidden B使用clearfix; C设置父元素浮动; D以上方法均可 浮动脱离文档流 正常文档流中,父元素div就算没有设置高度和宽度,但是因为子元素有高宽,所以父元素会被子元素撑开; 当你设置两个子元素都是float的时候,子元素就脱离了普通文档流,换句话说子元素已经浮动到父元素头上了。那么这时候父元素就会出现一个问题,及父元素撑不开了(父元素找不到自己的该设置多高好了,这里是关键哦)。这就是题目中的父元素“塌陷具有零高度”的由来。如果你真正明白了上节最后为什么说了个“设置元素的clear属性后,该元素将排在所有浮动元素的最下行”,那你就感受到这道题其实非常厉害和有意思。 回到题目中,父元素塌陷了是因为找不到自己的高度依据。那么就好解决了,要么设置高度,要么父元素也浮动起来。其中A选项提供了非常有意思的处理办法,及在所有子元素最后加个0高度且clear浮动的元素
    查看全部
    0 采集 收起 来源:练习题

    2016-04-07

  • 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline; 5.JS中出现乱码,可以在引入js文件时,加上charset="gb2312"
    查看全部
  • 就是无序列表设置背景图片,内部一般用a标签设置hover的样式,如果使用浮动float属性,可以制作导航栏等等
    查看全部
  • minHeight属性不兼容ie6,可以采用hack技术,_height属性,注意前面的下划线
    查看全部
  • 两个页面的头部和底部一样,可考虑抽取出来共用。样式的优先级需要了解
    查看全部

举报

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

微信扫码,参与3人拼团

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

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