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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 企业网站布局
    查看全部
  • 一、在右侧代码的body标签中添加一个div,设置其class属性为mainBox。 二、在mainBox中添加两个div,其class属性分别为leftBox和rightBox。 三、在右侧代码的</head>之前,分别定义类选择器mainBox、leftBox、rightBox,并按照题目要求定义其CSS样式。 提示: 1.根据任务要求设置相关CSS样式 2. leftBox和rightBox需要嵌套在mainBox中 注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-02

  • >的转意符是&gt;
    查看全部
  • 引入脚本
    查看全部
  • myfocus轮播图
    查看全部
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。
    查看全部
    0 采集 收起 来源:练习题

    2016-07-01

  • 当行高line-height和盒子高height相等的时候,文字处于竖直居中的位置
    查看全部
  • 清除浮动 clear属性规定元素的哪一侧不允许其他浮动元素 属性值:left:在左侧不允许浮动元素 right:在右侧不允许浮动元素 both:在左右两侧都不允许浮动元素 none:默认值。允许浮动元素出现在两侧 inherit:规定应该从父元素继承clear属性的值
    查看全部
    0 采集 收起 来源:浮动 float

    2016-07-01

  • .ad{overflow:hidden}可以去掉
    查看全部
  • 将盒子当中的文字垂直居中,设置文字的行高与盒子行高相同即可。
    查看全部
  • div 设置最小高度 min-height;300px; (IE6 _height:300px;) min-height:随着内容的增多而自动撑开 <img>是一个内联元素,通过设置display:block;和margin:0 auto;可以使图片居中
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • em是一个相对长度单位,相当于当前这个对象中文本的字体的尺寸,与文本单位保持一致 2em——相当于当前这个文本中2个文本的尺寸; 而px是一个绝对单位
    查看全部
  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-30

  • 在CSS中没有a和d选项中的属性,list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-29

举报

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

微信扫码,参与3人拼团

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

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