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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • @@--企业网站综合布局实战----第3章 首页制作 3-5 导航部分制作(二) 要点: 1.list-style-type:none;去除列表项目符号 2.line-height;设置文本行间距为所在盒子的高度,可使文本上下居中 3.连接样式的详细写法: a:link,a:visited{text-decoration:none;颜色字体字号} a:hover,a:active{text-decoration:none;颜色字体字号} 4.vertical-align:middle 图像居中对齐 搜索输入框注意几点: 1.搜索图片 :背景图片,靠右 2.输入文字时,可能挡住搜索图片,解决办法:padding-right;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-4 导航部分制作(一) 要点:-- 1、IE不支持圆角样式,所以使用背景图片的方法来实现,且设置左、中、右浮动,左右部分用有圆角的的图片当做背景。 2、在盒子中有浮动元素时,可以设置盒子的高度来撑开;(解决盒内元素浮动,父元素塌陷问题办法之一) 3、对于多个重复的样式时,可将其组合起来,仅写一个样式。
    查看全部
  • 导航-有序或无序列表
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-4 导航部分制作(一) 导航分析布局
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-3 页面头部制作(二) 1、让图片与文本居中对齐,可将图片的对齐方式改为居中对齐(亦可直接设置display:inline;),即:vartical-align:middle;; 2、让特殊文本不跳行,需要使用行内标签,如:<span>;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-2 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;; 5、让列表元素浮动,而又不改变列表顺序,可直接对整个列表(即<ul>或<ol>)设置浮动; 6、设置超链接样式默认样式,链接样式:“a:link”、“a:visited”,焦点样式:“a:hover”、“a:active”;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-1 首页布局分析 分析盒子的嵌套关系后再Coding 自顶向下,逐步细化的分析方法。
    查看全部
  • n15
    为了IE的兼容,把<a>改成display:inline-block; 内联块元素,既能在同一行显示,又能显示宽度高度。
    查看全部
  • 清除浮动的三种方法: (1)在父div中设置高度和子div相同 (2)在父div中设置overflow:hidden (3)在子div后面跟着定义一个<div class="clear"></div>,然后该选择器使用clear:both等处理。 闲聊CSS之关于clearfix--清除浮动 http://t.imooc.com/wenda/detail/id/11605
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • n15
    对于float的div下穿的问题,用clear:both; 对于长度不确定的div,用min-height:; 并用_height:;来处理IE不支持min-height的问题
    查看全部
  • 清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-03-19

  • @--企业网站综合布局实战-2-4 浮动 float 一、float浮动 1、浮动的框可以向左或向右移动,直到它的外边缘碰到【包含框】或另一个【浮动框】的边框为止。 2、由于浮动框【不在文档的普通流中】,所以文档的普通流中的块框表现得就【像浮动框不存在一样】 3、float有三个四个值:left、right、none:默认值,即不浮动、inherit:继承父类的float 二、clear 1、clear清除浮动:规定元素的哪一测,不允许其他浮动元素 2、值有:left、right、both、none、inherit
    查看全部
    0 采集 收起 来源:浮动 float

    2015-03-19

  • @--企业网站综合布局实战-第2章 必备基础知识 2-1 盒子模型 盒子模型: css中,width/height指内容区域的宽度和高度。 增加内边距,边框和外边距不会影响内容区域的尺寸,会增加元素框的总尺寸。 ------ 设置了边框、间距、填充,而又不想改变整个盒子在页面中所站的总尺寸,那么就可以减少内容区域的大小。
    查看全部
    0 采集 收起 来源:盒子模型

    2015-04-21

  • @--企业网站综合布局实战--分析 企业网站:头部Logo区。导航区、内容展示区、底部版权区。 页面布局时表现为:头部/导航区、信息展示区、页脚区。 框架分为三个信息展示区,头部/导航区、页脚区
    查看全部
  • 资料不能下载
    查看全部

举报

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

微信扫码,参与3人拼团

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

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