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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • img是内联元素,通过设置display:block和margin:0 auto来使图片居中,或者在图片外边加一个p标签,为p标签设置align:center使图片居中。

    查看全部
    0 采集 收起 来源:编程练习

    2019-03-24

  • #E8E8E8灰色

    #000黑色

    #FFF白色

    #cc1b1b

    查看全部
  • a是内联元素,不能设置宽高对齐等属性,只能控制页面中文本的样式,把它转换inline-block行内块元素,可以同行显示又可以设置宽高对齐等属性。

    查看全部
  • copyright部分设置了width:100%的背景颜色,但是却跑到了focus图片处,是因为wrap这个大div没有设置高度,同时它的内容(新闻中心等设置了浮动,导致了wrap塌陷),所以我的wrap没有高度,因此copyright也跑到了那边去

    https://img1.sycdn.imooc.com//5c94c3920001f53819200922.jpg

    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    </head>


    <body>

    <div>

        <ul>

            <li>首页</li>

            <li>课程中心

                <ul>

                    <li>Web前端

                        <ul>

                            <li>HTML</li>

                            <li>CSS</li>

                            <li>JavaScript</li>

                            <li>jQuery</li>

                        </ul>

                    </li>

                    <li>Android开发</li>

                    <li>PHP开发</li>

                </ul>

            </li>

        </ul>

    </div>




    </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2019-03-21

  • 解决IE浏览器日期错位问题,将包裹日期的span移到标题左侧

    查看全部
  • 盒子在页面中所占的宽度

    是由左边距+左边框+左填充+内容宽度+右填充+右边框+右边距组成

    盒子在页面中所占的高度

    是由上边距+上边框+上填充+内容高度+下填充+下边框+下边距组成

    查看全部
    0 采集 收起 来源:盒子模型

    2019-03-15

    1. 焦点图初始化的ID与图片列表最外层的ID一致

    2. 图片列表外面,包裹一个class为pic的div

    3. 焦点图加载太慢的话,在图片列表之上添加一个div,代码如下(class必须命名为loading)

        <div class="loading"(这里的class='loading'也是不可缺少的)><img src="./img/loading.gif" alt="图片加载中..." /></div>

    查看全部
  • 企业网站简图

    查看全部
  • 列表序号的显示位置是由list-style-position属性决定的,默认效果是outside,也就是显示在内容的外边,你可以设置list-style-position: inside;使序号在内容里面显示


    查看全部
  • 为什么元素浮动之后,文字会环绕在周边,而不是跟浮动元素重合?

    可以参考一下:https://blog.csdn.net/cxl444905143/article/details/17361045

    查看全部
  • myfocus的样式js和css文件可以省略,只要这两个文件都在mf-pattern文件夹下,直接初始化调用,

    myFocus.set({

    id:'picBox',

    pattern:'mF_classicHB'

    })

     切换不同的样式只要改变pattern的属性即可,如果不设置pattern的属性,默认是mF_funcy这个样式,这时你引入其他的css和js样式,都还是这个样式

    详细参考:使用说明http://demo.jb51.net/js/myfocus/tutorials.html#tip1

    查看全部
  • 为什么a:hover不起作用

    https://img1.sycdn.imooc.com//5c69718c0001a66c07530096.jpg

    https://img1.sycdn.imooc.com//5c69719a0001d30b09500110.jpg

    查看全部
    0 采集 收起 来源:编程练习

    2019-02-17

  • 行内含有图片和文字,在浏览器内浏览时,可以发现文字和图片在垂直方向并不是沿中线居中,而是沿基线对齐,文字和图片内容默认垂直对齐方式为基线对齐 

    这是因为,元素默认的垂直对齐方式为基线对齐(vertical-align: baseline

    vertical-align:middle:实现沿中线对齐


    查看全部
  • a:link    a:visited《初始状态》

    a:hover    a:active《鼠标经过的状态》

    查看全部

举报

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

微信扫码,参与3人拼团

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

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