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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 待练习
    查看全部
    0 采集 收起 来源:编程挑战

    2016-12-11

  • 行内样式
    查看全部
  • myfocus插件 的使用步骤 具体的其他内容可以去网站上面详细查询
    查看全部
  • 重点:图片列表外面,必须再包裹一个class为pic的div
    查看全部
  • div 设置最小高度 min-height;300px; (IE6 _height:300px;) min-height:随着内容的增多而自动撑开 <img>是一个内联元素,通过设置display:block;和margin:0 auto;可以使图片居中 文章页设计技巧: 1、让标题居中,直接对标题<h1>设置text-align;center属性; 2、让信息栏的下边线与信息拉开距离,可是直接对其设置一定行高,再添加下边线; 3、让文章中的图片水平居中,display:block;margin:0px auto; 4、给正文内容里的标题加粗,直接用<stong>标签将其包裹即可; 5、正文段落首行缩进,直接对<p>段落标签设置text-indent:2em;属性
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • em是【相对单位】,1em的大小是当前1个字体的大小,因此2em正好是两个字符。 ②text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
  • 页码的制作:<br><br> 1、设置几个超链接:<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a><br> 2、设置样式。 .page{ height: 40px; margin-top: 10px; text-align: center; } .page a{ text-decoration: none; border: 1px solid #e8e8e8; margin:5px; padding: 5px 10px; display: inline-block; } .page a:link,.page a:visited{ color: #000; } .page a:hover,.page a:active{ color: #fff; background: #cc1b1b; } 3、注意兼容性:设置display:inline-block;它是兼容了内联元素与块级元素的特性。
    查看全部
  • 1,当即有背景图片,又有背景颜色的时候,并且背景图片不重复,就在左边显示背景图片,没有背景图片的地方现实背景颜色。 2 ,<a>是内联元素,想给他设置宽度和高度的时候,必须先把它转化为块级标签————display:block; 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center;--背景图片水平向左不重复 4,第三、背景图像位置变化可以直接在no-repeat后面加上,或者再写一句background-position属性的语句
    查看全部
  • 元素内容不确定时,不能给元素及它的父元素设置固定高度,否则内容会溢出,可以给元素及它的父元素设置一个最小高度min-height PS:ie6 不支持min-height属性,支持_height属性,所以为了兼容性两个都写上 记得给外围div也设置追小高度
    查看全部
  • leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决方法:①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-10

  • 底部版权用dl dt dd更符合语义化。 1、样式覆盖,对同一标签的样式,后面定义的会覆盖前面相同属性部分 2、css中就近原则:标签离哪一种样式比较近,就采用哪一种样式 3,底部版权区,宽度是100%,但是为了内容能够居中显示,要再里面再嵌套一个盒子,宽度为1000px 4,background:url(../images/line.png)no-repeat right center; right:水平方向靠右 center:垂直方向居中 5,这个技巧很好 宽度1000 宽为200 可以分为5个li,每个间隔只能放一个li
    查看全部
  • a{display:block;}
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-10

  • 添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,放到html文档中,然后自定义宽高 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,若网站视频删除,引用也会相应失败!
    查看全部
  • text-align:right;靠右对齐,如果觉得太靠右了的话,可以设置一个右填充padding-right
    查看全部
  • 把“图像”设置为列表中的项目符号: background list-style-image background-image 只能通过自身属性设置列表中的项目符号: list-style-type( none无项目符号, disc实心圆, circle空心圆, square实心方块 等但是不可以设置图片为项目符号。)
    查看全部
    0 采集 收起 来源:练习题

    2016-12-10

举报

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

微信扫码,参与3人拼团

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

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