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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • /*a:link a:visited 分别是指超链接的初始状态和访问后的状态 */ .top_content a:link,.top_content a:visited{ color: #8e8e8e; text-decoration: none; } /*a:hover a:active 分别是指鼠标经过的状态,以及活跃的状态 */ .top_content a:hover,.top_content a:active{ color: #900; text-decoration: none; }
    查看全部
  • myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目,在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"><!--必须自定义的div,在css配置时只需配置这个id--> <div class="loading"><img src="" alt="图片加载中"/></div><!--使用myFocus,图片未加载完成前的提示图片配置即载入画面--> <div class="pic"><!--使用myFocus必须要定义的固定div--> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此: myFocus({ id:'picBox'})
    查看全部
  • ① 超链接四种状态的设置顺序;a:link,a:visited:,a:hover,a:active. ② 要想让列表在水平方向上排列,需要设置列表项浮动 list-style-type:none. ③ 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block line-height 可实现元素上下居中;text-align 实现左右居中;text-deocration:none 文本修饰;
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-29

  • a:link,a:visited{text-decoration:none;颜色字体字号} a:hover,a:active{text-decoration:none;颜色字体字号} no-reapt不让背景图片重复
    查看全部
  • 超链接的初始状态:a:link text-decoration background:url(../images/search.jpg)no-repeat right center; 让背景图片水平靠右垂直居中 padding-right:25px; 右填充超出部分将不再显示
    查看全部
  • 1.list-style-type:none/...列表去除标识符/... 2.text-align:center;文本左右居中 3.line-height;设置文本行间距为所在div的高度,可使文本上下居中
    查看全部
  • 1、IE不支持圆角样式,所以使用背景图片的方法来实现,且设置左、中、右浮动; 2、在盒子中有浮动元素时,当div没有内容时,div框架很可能会不显示出来,这时设置高度可以把div框架撑开 3、对于多个重复的样式时,可将其组合起来,仅写一个样式。
    查看全部
  • 垂直对齐方式:居中 vertical-align:middle
    查看全部
  • 企业网站:头部Logo区。导航区、内容展示区、底部版权区。 页面布局时表现为:头部/导航区、信息展示区、页脚区。 框架分为三个信息展示区,头部/导航区、页脚区
    查看全部
  • 在div中的元素之间没有任何内容时,不会被撑开,我们可以通过给该DIV设置宽度与长度解决这个问题
    查看全部
  • 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。因为他脱离了普通文档流,撑不开父元素。我们可以:在浮动元素后加个div设置clear: both; height:0,overflow:hidden、使用clearfix;、设置父类元素浮动着三种方法
    查看全部
    0 采集 收起 来源:练习题

    2015-03-28

  • clear规定元素哪一侧不允许其他浮动元素。clear-left是只元素左侧不允许有浮动元素,clear-none是只允许两侧有元素浮动。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-03-28

  • 浮动之后的盒子脱离了普通文档流,普通文档流会当做它不存在,但是两个均设置了浮动以后又变成了同一个层次的。 两个盒子宽度之和不能超过页面的总宽度,否则同一个层次的页面无法容纳两个盒子,就会出现往下一层移动的情况。
    查看全部
    0 采集 收起 来源:浮动 float

    2015-03-28

  • 浮动元素由于脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。关于clearfix的具体用法参见:http://www.imooc.com/wenda/detail/11605
    查看全部
    0 采集 收起 来源:练习题

    2015-03-27

  • 问题: 当父包含层没有设置高度而它的子包含层设置了浮动,那么这个父包含层就会所成一条(本节例子中蓝色背景会不可见),这个时候清除浮动是不起作用的。 清除浮动的三种方法: (1)在父div中设置高度和子div相同 (2)在父div中设置overflow:hidden (3)在子div后面跟着定义一个<div class="clear"></div>,然后该选择器使用clear:both等处理。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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