zoukankan      html  css  js  c++  java
  • CSS与JQuery的相关问题

    文字隐藏:p

    div里面的文字过长时隐藏文字:

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    ---------------------------------------------------------------

    CSS画图 :

    圆形:立体效果

    border-radius:50%;

    height:80px;

    background-image: -moz-radial-gradient(45px 45px 45deg,circle cover,yellow 0%, orange 100%,red 95%);

    background-image: -radial-gradient(45px 45px 45deg,circle cover,yellow 0%, orange 100%,red 95%);

    background-image: -webkit-radial-gradient(45px 45px ,yellow 0%, orange 100%,red 95%); /* chrome不识别这个写法*/

    background: -webkit-radial-gradient(45px 45px,yellow 0%,orange 100%,red 95%); /* chrome的 正确写法*/

    ---------------------------------------------------------------------------------------------------------------

    CSS和jQuery中>和空格的意义:

    1、举例:A B与A>B的区别是:

    A B :获取标签A下面所有B标签对象。包括子级和子级以下标签。 A>B: 只获取标签A的直属下级B标签,不包括第三级的B标签。

    2、举例:.a .b 一个是中间有空格,.a.b一个是中间没空格,区别是:

       这是css选择器的格式,规定不带空格的选择条件之间是“且”关系,带空格的是“父子”关系,并且可以是非直接的“父子”关系

     ex: <div class="a b">被选择的元素</div> 且关系   <div class="a"><div class="b">被选择的元素</div></div> 父子关系

    ------------------------------------------------------------------------------------------------------------------

     JQuery中this和$(this)的区别:

     经在实际应用中发现 this是一个Html对象,$(this)是一个JQuery对象。

     ex: this.style.width = 10px;                  $(this).removeAttr();

    ------------------------------------------------------------------------------------------------------------------

    JQuery中$('#id')与document。getElementById('id')的区别:

     

    如图所示,$('#id')获取的是JQuery对象,里面包含DOM对象

    而document.getElementById('id')获取的只是DOM对象,与$('#id')[0]所获取的相同

    -----------------------------------------------------------------------------------------------------------------------

     padding设置顺序: 上 右 下 左;

     div的上下滚动设置:overflow:atuo 和 scroll 与 hidden;

    -----------------------------------------------------------------------------------------------------------------------

  • 相关阅读:
    区块链解读
    如何在ASP.NET Core项目启动时执行异步定时任务
    深入理解ASP.NET Core中的Program类和Startup类
    VS 2017 .Net Core Error : 项目文件不完整,缺少预期导入。
    dotnet不是内部或外部的命令,也不是可运行的程序或批处理文件
    win10系统卸载matlab时出现exeption calling main怎么解决?
    解决mui错误:Unable to preventDefault inside passive event listener due to target being treated as passive.
    类型"*.Properties.Resources" 没有名为"*"的属性
    C#生成唯一不重复订单号帮助类
    Day16.参数传递(token传递,接口关联等)
  • 原文地址:https://www.cnblogs.com/liangblog/p/5644283.html
Copyright © 2011-2022 走看看