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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 浮动会让元素塌陷,即浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度,可以通过以下几种方式解决该问题: 1、clear:both;height:0;overflow:hidden; 2、使用clearfix; 3、设置父元素浮动。
    查看全部
    0 采集 收起 来源:练习题

    2016-09-01

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

    2016-09-01

  • .css 文件中头部要加上: @charset "utf-8"; /*CSS Document*/
    查看全部
    0 采集 收起 来源:浮动 float

    2018-03-22

  • 盒子模型: css中,width/height指内容区域的宽度和高度。 ---------------------- 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ---------------------- 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。 ---------------------- 盒子在页面中所占的宽度: 计算公式=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距. 盒子在页面中所占的高度\ 计算公式=上边距+上边框+上填充+内容高度+下填充+下边框+下边距.
    查看全部
    0 采集 收起 来源:盒子模型

    2016-08-31

  • /*在此创建CSS样式*/ /*在此创建CSS样式*/ @charset "utf-8"; /* CSS Document */ /*默认样式清除*/ body{ margin:0; padding:0; font:14px/1.5em "微软雅黑";} div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6{ font-weight:400;} ul,ol{ list-style:none;} li{ list-style-type:none;} img{ border:none;} a{ text-decoration:none;} /*页面开始*/ .wrapper{ width:1000px; margin:0px auto; } /*头部导航区域开始*/ .header{ height:70px; margin-bottom:5px; } .header img{ float:left; } .header ul{ float:left; font-family:"微软雅黑"; } .header ul li{ float:left; list-style-type:none; } .header ul li a{ display:block; text-decoration:none; color:black; font-size:16px; font-family:"微软雅黑"; width:102px; height:70px; line-height:70px; text-align:center; } .header ul li a:hover{ background:#BC3746; } .header ul li a.active{ background:#BC3746; } /*头部导航区域结束*/
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

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

    2016-08-30

  • min-height:200px; 设置 最小的高度. 当内容区域太多的时候 就会撑开盒子. _height:300px; IE6浏览器设置一个高度 当内容区域太多的时候 就会撑开盒子.
    查看全部
  • 块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 * h1 - 大标题 * h2 - 副标题 * h3 - 3级标题 * h4 - 4级标题 * h5 - 5级标题 * h6 - 6级标题 * hr - 水平分隔线 * isindex - input prompt * menu - 菜单列表 * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容 * noscript - )可选脚本内容(对于不支持script的浏览器显示此内容) * ol - 排序表单 * p - 段落 * pre - 格式化文本 * table - 表格 * ul - 非排序列表 可变元素 可变元素为根据上下文语境决定该元素为块元素或者内联元素。 * applet - java applet * button - 按钮 * del - 删除文本 * iframe - inline frame * ins - 插入的文本 * map - 图片区块(map) * object - object对象 * script - 客户端脚本
    查看全部
    0 采集 收起 来源:课程总结

    2016-08-30

  • 内联元素(行内元素) 内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em - 强调 * font - 字体设定(不推荐) * i - 斜体 * img - 图片 * input - 输入框 * kbd - 定义键盘文本 * label - 表格标签 * q - 短引用 * s - 中划线(不推荐) * samp - 定义范例计算机代码 * select - 项目选择 * small - 小字体文本 * span - 常用内联容器,定义文本内区块 * strike - 中划线 * strong - 粗体强调 * sub - 下标 * sup - 上标 * textarea - 多行文本输入框 * tt - 电传文本 * u - 下划线 * var - 定义变量
    查看全部
    0 采集 收起 来源:课程总结

    2016-08-30

  • 首行缩进
    查看全部
  • 盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-08-30

  • 列表框外部也有一个框,也要设置最小高度和_height:**px
    查看全部
  • IE6不支持min-height,所以要加一个_height:**px
    查看全部

举报

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

微信扫码,参与3人拼团

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

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