zoukankan      html  css  js  c++  java
  • CSS学习笔记03

    cursor 属性规定要显示的光标的类型(形状),

    光标类型   CSS
    十字准心 cursor: crosshair;
    手 cursor: pointer;
    cursor: hand;
    写两个是为了照顾IE5,它只认hand。
    等待/沙漏 cursor: wait;
    帮助 cursor: help;
    无法释放 cursor: no-drop;
    文字/编辑 cursor: text;
    可移动对象 cursor: move;
    向上改变大小(North)   cursor: n-resize;
    向下改变大小(South)   cursor: s-resize;
    向右改变大小(East)   cursor: e-resize;
    向左改变大小(West)   cursor: w-resize;
    向上右改变大小(North East)   cursor: ne-resize;
    向上左改变大小(North West)   cursor: nw-resize;
    向下右改变大小(South East)   cursor: se-resize;
    向下左改变大小(South West)   cursor: sw-resize;
    自动 cursor: auto;
    禁止 cursor:not-allowed;
    处理中 cursor: progress;
    系统默认 cursor: default;
    用户自定义(可用动画) cursor: url(‘ # ‘);
    # = 光标文件地址    (注意文件格式必须为:.cur 或 .ani)。

     

    如果块级标签移动的不如所愿,可以使用border:1px solid red;进行调试,调试完再取消

    如果上一个控件为float:left或float的其他,我们需要clear:bothl;清除后,直接到下一行显示;

    上一个为float标签,可能下一个标签会过分贴合,此时margin:top;无效时,也可以让本标签使用float:left的属性时他们处于同一的范围内,他们自然会按样式执行;

    因为float的标签不占空间,下一个控件可以把上一个含有float的属性标签的margin占掉了,形成过分贴合,影响效果。该问题在孔浩关于CSS视频08实现简单小网站中有说

    /*默认情况的超链接*/
    a:link,a:visited{
    text-decoration:none;
    font-size:12px;
    color:#216;
    }

    /*当链接点击之后的效果,对于IE而言,不会自动继承a:link的效果,所以为了满足IE的浏览器的效果,最好在a:link,a:visted*/
    a:visted{
    color:#a21;
    }

    #nav ul li 与 ul.nav_li li 的生成时间不一样,当使用了包含的操作符之后,它的加载时间比使用class的加载时间要低,所以如果此时再来定义一个class的样式,不会把使用包含的样式覆盖掉
    一个类可以执行两个class ,class="nav_li nav_last"

  • 相关阅读:
    CSRF
    PHP XXE漏洞
    jumpserver安装与部署
    ELK
    docker pull下来的镜像放哪儿了?
    MobSF 框架安装使用部署
    加密流量分析
    Pόlya定理-学习笔记
    所有区间异或的和的 一个加强
    计算一个序列有多少个不同的01子序列
  • 原文地址:https://www.cnblogs.com/canceler/p/4450183.html
Copyright © 2011-2022 走看看