zoukankan      html  css  js  c++  java
  • css常用属性之绝对定位、相对定位、滚动条属性、背景图属性、字体、鼠标、超链接跳转页面

    1、绝对定位position: fixed(比如广告页面向下滑动的时候,页面最上方有个标题不能随之滑动,就需要用到position: fixed,同时还需要用到一个标签(标签高度很高才会出现滚动的情况))

     随着滚动,最上面的块级不动,下面的文字可以随着滚动条而滚动

    2、相对定位position:relative和被定位position:absolute,这两句如果不加的话,下面的对48*48的小方块无法挪到对应的角落

    相对定位中z-index:n  属性(没有写z-index的就是z-index:0),只要n大于另一个z-index属性就会展示在页面最上层

    3、滚动条属性(比如没有加滚动条属性时,给的图片会比较大时的情况)

    解决办法:

    1、裁剪多余的图片overflow:hidden;

    2、新增滚动条overflow:scroll和overflow: auto;二者都可以实现滚动条,但是是有区别的

    区别:无论外边框大于还是小于图片的时候,scroll都会加上滚动条,当边框大于图片时,auto会自动识别

    用scroll

    用auto

    4、背景图属性background-image:url("......."):图片比外边框小时,会被重复显示整个边框

    解决办法:background-repeat:no-repeat(表示不会被重复)

    background-repeat:repeat-x(表示横向被重复填满)

    背景图2:加大background-position会发现图片在方框内在移动

    5、字体大小font-size:

    正常情况是:

    加大、加粗

     6、鼠标放按钮上箭头图标变成小手的图标

    7、点击某个超链接跳转到某个页面

  • 相关阅读:
    sql-lib闯关秘籍之1-10关
    简单的SQL注入
    五分钟带你读懂 TCP全连接队列(图文并茂)
    Ambari HDP集群搭建全攻略
    Spring Cloud Security OAuth2.0 认证授权系列(入门篇)
    敲黑板:InnoDB的Double Write,你必须知道
    重要,知识点:InnoDB的插入缓冲
    你不知道的内存知识
    每日一个知识点:关于磁盘的一些事儿
    Spring Boot 系列:日志动态配置详解
  • 原文地址:https://www.cnblogs.com/mihoutao/p/11126170.html
Copyright © 2011-2022 走看看