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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆点,circle空心圆点,square实心方块但是不可以设置图片为项目符号!
    查看全部
    0 采集 收起 来源:练习题

    2015-08-16

  • IE浏览器不兼容的时候 注意:当在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>
    查看全部
  • 当撑开元素的盒子设置最小高度,其父类元素也要设置最小高度:因为min-height在IE6中不支持。 解决办法: css hack: min-height:350px; _height:350px;(只有ie6才支持;) 两者同时设置。 ie6中,即使设置定高,当内容溢出时,ie6会自动撑开盒子
    查看全部
  • css样式中, 1,em为内联元素,先转化为块级元素,再设置宽和高才有效:display:block; 2,背景图片问题: 先设置所有的6个em为灰色, .topList em{background:url(images/num.gif) no-repeat scroll 0px -16px;} 在设置1,2,3 em为蓝色,.top em{background:url(images/num.gif) no-repeat;}
    查看全部
    1 采集 收起 来源:编程练习

    2015-08-16

  • list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆点,circle空心圆点,square实心方块但是不可以设置图片为项目符号!
    查看全部
    0 采集 收起 来源:练习题

    2015-08-16

  • ie浏览器不兼容 注意:在W3C中日期兼容,而在IE浏览器中日期不兼容,会发生错位一行的情况。 解决: 原先:<li><a href="news_list.html">新闻题目</a><span>2015-8-16</span></li> 更改为:<li><span>2015-8-16</span><a href="news_list.html">新闻题目</a></li> 就解决了IE兼容问题!
    查看全部
  • 1、在开头必须加入代码: <script type="text/javascript"> myFocus.set({ id:'picBox' //这里的id要与焦点图片列表中的id一致!!!!! }) </script> 2、图片列表外面,必须包裹一个class为pic的div。 <div id="picBox"> <div class="loading"><img src="loading.png" alt="图片加载中..."></div>//界面更友好 <div class="pic"> <ul><li><img ...><li>.....</ul> </div> </div>
    查看全部
  • 1.焦点图初始化的id与图片列表最外层的id一致 2.图片列表外面,包裹一个class为PIC的div。 myFocus http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部
  • 1.由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block 2.text-align:center;使文本处于快的中间,即左边和右边的空间相等
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-16

  • 头部导航区,信息展示区,版权区
    查看全部
  • ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 此编程中,clear:both;无法清除浮动,必须使用overflow:hidden,clear:both使用在同级元素中才有效果
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-16

  • IE浏览器不兼容的时候 注意:当在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>
    查看全部
  • /*在此定义相关CSS样式*/ *{ margin: 0; padding: 0; } body { font-size:12px; font-family:"微软雅黑"; } .topList{ height:180px; width:300px; border:1px solid #E8E8E8; margin: auto 0; } li{ list-style:none; padding:5px; } em{ width:20px; height:16px; text-align:center; font-style:normal; font-style:none; color:#333; float:left; background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 -16px; } .top em{ background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat left top; } a:link,a:visited{ color:black; text-decoration:none; } a:hover,a:active{ color:red; text-decoration:none; } </style>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • main块中有news、course、sidebar三块构成,再给他们设置的宽度的时候,要考虑border的影响下的溢出问题。 这里采用的是浮动水平排列三列布局方式,同时,我们也可以用左右浮动,中间那块设置相对定位的方式进行三列布局。margin-left、margin-right。 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • 注意:1.焦点图初始化的id与图片列表最外层的id一致 2.图片列表外面,包裹一个class为PIC的div。 myFocus http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部

举报

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

微信扫码,参与3人拼团

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

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