Day14,Day15,Day16

作者: 无关风月s | 来源:发表于2017-03-02 18:18 被阅读6次

    元素定位属性:

    1:在CSS中,position属性用于定义元素的定位模式,其基本语法格式如下:

                                                                                                                               选择器:{position:属性值}

    static:自动定位。

    relative:相对定位。

    absolute:绝对定位(用绝对定位在父盒子中的话要定义父盒子相对定位)

     

    fixed:固定定位。(相当于浏览器窗口进行定位)

    CSS背景:

    background-img:url(bgimg.gif):(背景图的优先级高于背景色)。

    background-attachment:fixed:

    background合写顺序:背景颜色,背景图地址,平铺设置,背景图滚动,背景图位置。

    语法:background:#00FF00 url(bgimg.gif) 

    ie6/7 不支持inline-block 

    CSS规避脱标:

    标准流是很稳定的写法,尽量使用标准流,优先选择标准流,其次选择浮动,最后使用定位。

    1:margin-left:auto(不用浮动块级元素也能右移)

    2:vertical-align和inline-block的使用。

    怎样让一个盒子和文字对齐?

    1:可以使用浮动,也可以使用inline-block和vertical-align

    i标签:

    文字和图片对齐的方法:

    display:inline-block

    vertical-align:middle

    margin-top:-8px(文字上移8px)。

    CSS可见性:

    overflow:hidden (隐藏超出的一部分)

    display:none(不显示元素,同时也不占位置)

    visibility:hidden(不显示元素,但是占位置)

    CSS精灵技术:

    工作原理:css精灵就是将网页中的一些背景图整合到一张大图中。

    CSS滑动门技术:

    ctrl+alt+n  快速新建文件

    ctrl+alt+n+tab   新建文件存放位置

    CSS圆角设置:

    border-radius:5px

    border-collapse:collapse  边框合并

    相关文章

      网友评论

        本文标题:Day14,Day15,Day16

        本文链接:https://www.haomeiwen.com/subject/qnckgttx.html