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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 企业网站综合实例训练 知识点
    查看全部
    0 采集 收起 来源:课程总结

    2014-11-14

  • 焦点图设计: 1、添加my_focus库文件; 2、添加风格jQuery文件; 3、添加风格样式文件; 4、初始化焦点图接口,即获取焦点图盒子的ID; 5、添加标准html结构,即:设置焦点图盒子id,并再将图片列表包裹在一个class为pic的div中;在pic焦点图列表前添加loading图片,并将其包含在一个class为loading的div中,有利于用户体验。
    查看全部
  • 制作完成!
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-14

  • 任务完成
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-14

  • 设计技巧: 1、删除链接标签的下划线,设置line-decoration:none; 2、想要给<a>添加焦点背景,则需将其设置为块级元素,即:display:block;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 列表项目符号: 1、设置项目符号样式,list-style-type,有disc、circle、square、none等属性值; 2、设置项目符号图标,list-style-image,直接个图片地址。
    查看全部
    1 采集 收起 来源:练习题

    2014-12-11

  • 设计技巧; 背景图像的位置属性可以直接赋值,也可设置上、下、左、右、中等属性;
    查看全部
  • 设计技巧: 1、IE不支持圆角样式,所以使用背景图片的方法来实现,且设置左、中、右浮动; 2、在盒子中有浮动元素时,可以设置盒子的高度来撑开; 3、对于多个重复的样式时,可将其组合起来,仅写一个样式。
    查看全部
  • 设计技巧: 1、让图片与文本居中对齐,可将图片的对齐方式改为居中对齐(亦可直接设置display:inline;),即:vartical-align:middle;; 2、让特殊文本不跳行,需要使用行内标签,如:<span>;
    查看全部
  • 设计技巧: 1、让元素在横向页面居中,可使用:margin:0 auto; 2、改变列表的项目标点,可使用list-style-img:url("图标地址");; 3、让列表显示在同一行,可使用:display:inline;; 4、让列表元素浮动,而又不改变列表顺序,可直接对整个列表(即<ul>或<ol>)设置浮动; 5、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 6、设置超链接样式默认样式,链接样式:“a:link”、“a:visited”,焦点样式:“a:hove”、“a:active”;
    查看全部
  • 设计思路: 1、自上而下的设计布局框架; 2、自下而上的设计具体元素;
    查看全部
  • 清除浮动: 1、清除兄弟元素的浮动,使用clear:both;height:0;overflow:hidden; 2、清除父级元素的浮动影响,添加width和overflow:hidden; 注意:IE6的div有默认高度,空标签元素需要设置height:0;
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-03

  • 解决父级元素因浮动而带来的高度塌陷问题: 1、清除浮动,在浮动元素后另添加一个空元素,clear:both;height:0;overfloat:hidden; 2、使用clearfix; 3、设置父级元素浮动。
    查看全部
    0 采集 收起 来源:练习题

    2014-11-13

  • 浮动: 浮动脱离文档流,飘于父级元素上面; 浮动元素与浮动元素之间不包含; 要得到多个浮动元素,就要给每个元素设置浮动属性; 浮动(float)需要配合清除浮动(clear)出现。
    查看全部
    0 采集 收起 来源:浮动 float

    2014-11-13

  • 内容、边框、内边距、外边距
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-13

举报

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

微信扫码,参与3人拼团

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

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