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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 1.圆角的制作方法背景法,样式法等。参考圆角进化论课程。 2.div的层次:nav,nav_middle,nav_midele_left;用下划线,注意分左右! 3.repeat-x水平重复。 4.子级边缘撑不开可以把子级的高度设置与父级一样。 5.样式连写:可以把不同类用逗号隔开如nav_left,nav_middle,nav_right{}
    查看全部
  • 当我们想让一行文字在盒子中垂直居中,可以设置line-height和盒子的height相同 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;
    查看全部
  • myFocus插件制作焦点图js插件,小巧,独立,效果丰富。 http://demo.jb51.net/js/myfocus/
    查看全部
  • 记住总宽度和内容宽度
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-14

  • 注意: 玩转BOOTXXX的那一栏,图片+文字的形式,可以用列表,但是最好用三个DIV层,切记,文字用超链接形式的A标签的时候,要转换成块级元素,不然设置文字居中是没效果的。 圆角矩形的圆角:border-radius:5px; 突破点,相同水平线上的大DIV要一同设置FLOAT,不能乱射,否则最后自己乱了还找不出。 滚动效果是:marquee标签,需要一些要素。direction="right" (方向) onmouseover="this.stop()"(鼠标滑过时候) onmouseout="this.start()(鼠标离开时候)。 本地做的,也放上来参考下吧。。
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • img是内联元素,记得先转换成块级才有一行位置,能居中。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-13

  • 当前页面显示红色还是搞不出来,MARK一下,有知道的同学说一下。
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-12

  • 在不设置浮动的情况下,为了做到显示效果的兼容,需要为a元素设置display:inline-block; 设置该属性后既可以让多个具有同种属性的元素显示在同一行,又可以设置宽,高度
    查看全部
  • 撑开元素的盒子设置最小高度,其父类元素也要设置最小高度 因为min-height在ie6中不支持; 解决办法: css hack: min-height:350px; _height:350px;(只有ie6才支持;) 两者同时设置。 ie6中,即使设置定高,当内容溢出时,ie6会自动撑开盒子 如是双列并排的过高长度块,要同时设置最小高度属性,不然底部块会偏向未设置最小高度的一边。 利用clear:both,清除由于新闻展示页太长,并且右浮动后脱离文档流,而将底部版权区撑开(适合溢出的新闻内容脱离文档流,因为一旦父级有左浮动,自己就自带了右浮动了。)
    查看全部
  • 这个真的太简单了点吧。。视频学了那么多。。咋就考个这个
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 试着试着就完成了,啦啦啦。注意: 1 2 3 是白色的字,后面的是黑色的字哟。 关于运用同一张图片不同位置,background-position. 记得序号里面的数字也要居中。 整个UL LI列表最后需要上调,可以加-10PX的上下MARGIN。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-12

  • 注意:当在IE中时,日期会错位一行,解决:带有span的日期放在新闻标题的前面; 即原来<li><a href="newslist.html">新闻题目hfdfdj</a><span>2014-5-30</span></li>, 改成<li><span>2014-5-30</span><a href="newslist.html">新闻题目hfdfdj</a></li>
    查看全部
  • 设计技巧: 1、使用转义字符,即&gt;代表“>”; 2、使用<span>标签包含元素,使特定文本在行内显示; 3、行内元素使用浮动后,将产生错位,需要特别定义样式; 4、用百分比定义值,比如:宽度,可以适应多个宽度的盒子;
    查看全部
  • 加载较慢可以在前面加个LOADING的图片与文字DIV层。
    查看全部
  • 在开头必须加入代码: <script type="text/javascript"> myFocus.set({ id:'picBox' //这里的id要与焦点图片列表中的id一致!!!!! }) </script> 2、图片列表外面,必须包裹一个class为pic的div。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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