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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • <img>是一个内联元素,通过设置display:block;和margin:0 auto;可以使图片居中 文章页设计技巧:
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 嵌套列表要注意层次
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • background-position:0 -16px; background-position: left -29px;(当中的left指从图片的最左端读起,-29px就是将图片向上移动29px,然后开始读) 再如:background-position: 15px 20px;(指将图片向右移15px,向下移20px;) 简单地说,就是以图片的左上角顶点为原点,往下和右都为正,反之为负
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-03

  • div元素要占一整行
    查看全部
    0 采集 收起 来源:浮动 float

    2017-04-03

  • clear:left/right清除左浮动/右浮动,如将左边设置的浮动的元素当做是div,存在于文档流中。 float:left/right设置左浮动/右浮动 margin:设置盒子与盒子的边距。margin:1px 2px上下边距1px,左右边距2px; pargin:设置盒子与内容的距离。pargin:1px 2px上下边距1px,左右边距2px;
    查看全部
  • 盒子模型宽度计算
    查看全部
    0 采集 收起 来源:盒子模型

    2017-04-02

  • overflow:hidden 或者 height:0px;
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-01

  • ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2017-04-01

  • style标签内不能有<!-- -->的注释符 否则会把css的样式给注释掉
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • background
    查看全部
  • 导航部分制作
    查看全部
  •  一、水平对齐   text-align属性的语法结构如下: text-align:left/center/right/justify   其中,left、center、right分别代表的是左对齐、居中对齐、右对齐。最后一个justify是两端对齐的意思,因为它存在着一些缺陷,所以很少使用。text-align属性仅仅作用与块元素。下面来一下示例: p{text-align:center;} <p>这是一段使用text-align属性的示例,在这里我们加入一个图片,<br /><img src="pic/007.gif"><br />请注意图片的位置,这样有助于理解水平对齐属性。</p>   该样式实现了文本的居中对齐,其应用到页面的效果如下图所示。 文本的对齐 <wbr>text-align属性和vertical-align属性   二、竖直对齐   vertical-align属性的语法结构如下所示: vertical-align:top/middle/bottom/baseline/sub/super/text-top/text-bottom/length   上述参数中,比较常用的是top、middle、bottom,与text-align属性不同,vertical-align属性仅仅作用与 内联元素,所以无法用vertical-align属性控制div等款元素中内容的竖直对齐。这和传统布局中的valign有很大的区别。
    查看全部
  • 每一个块级元素都在一个新行上出现
    查看全部
  • 盒子分布
    查看全部

举报

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

微信扫码,参与3人拼团

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

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