zoukankan      html  css  js  c++  java
  • 0529day03

    1.css背景类样式

    background-image(背景图片)

    background-repeat(背景图片的重复)repeat-x x轴重复、repeat-y y轴重复、on-repeat 不重复,只显示一次。

    background-position(背景图片定位)取值有2个

    雪碧图:各个小图标的集合,使用的目的是减少http的请求次数。

    2.框模型

    任何一个元素都可以理解成一个盒子

    盒子模型的组成

    外边框: margin 盒子与盒子之间的距离

    padding:内边距 盒子里的填充物

    border:边框 包装盒

    content:内容 买好的东西

    margin:4个属性,margin-top、margin-right、margin-bottom、margin-left

    是可以合并的写,按照,上右下左的顺序

    也可以单独拿出来写,,写一个,四个值四个值相同,这两个,上右,对标补齐,这三个,上右下,对边补齐

    border,四个属性,border-color, border-style, border-width, border-height

    四个属性都可以再细分上下左右4种

    3.定位

    相对定位:一般不去用top、left、right、bottom

    绝对定位:一般不用margin,元素会脱离文档流

    一一般一起出现,相对定位的作用一般是管着绝对定位,所有下拉框都是配合相对定位完成。

    固定定位,元素会脱离文档流

    使用场景,回到顶部,侧边栏广告。

    4.溢出隐藏,,主要用于清除浮动(overflow:hidden)

    溢出部分以滚动条显示(overflow-scroll)

  • 相关阅读:
    rqnoj71 拔河比赛
    NOI2002 洛谷 P1196 银河英雄传说
    sdibt 1244 烦人的幻灯片
    POJ 1273 Drainage Ditches -dinic
    NOIP2005提高组 过河
    OpenJudge 7627 鸡蛋的硬度
    Openjudge 8782 乘积最大
    OpenJudge 7624 山区建小学
    UVa 1328 Period
    UVa 11384 Help is needed for Dexter
  • 原文地址:https://www.cnblogs.com/hhhyyc/p/10946546.html
Copyright © 2011-2022 走看看