zoukankan      html  css  js  c++  java
  • html css js jq问题总结

    1.一个子div要在显示在父元素中的底部?

          首先想到的是给该子元素设置margin-top值或者margin-bottom值。假设父类高为160px,该子元素的高度为40px,那么我们可以设置margin-top:120px;但是这里要注意,如果这个父元素中只有这么一个子元素,则,这样设置,不起作用,结果是:子元素在父元素中的位置没有变化,但是父类元素向下偏移了120px.

         如果父类元素中还有一个子元素,并且要设置的这个子元素里面有内容,则可利用margin-top:120px实现该元素定位于父元素底部。

    当然我们可以用定位来实现:给父类元素进行相对定位,然后在该子元素中进行绝对定位。

    2.background-position: center 0 的用法

        将图片按照其中心位置开始铺展,对于多余的部分,自动剪切。比如,我们要在一个div中添加图片背景,由于图片过长,我们显示的图片部分有限,所以用backround-position。

    3.1.定宽块元素和行内元素在设置padding的left和right的时候,比如我们要给红色背景的div设置的padding-left:10px,其元素内容的左内边距为10px,但是同时,该元素的宽度同时增加10px(相当于给div左边增加了10px的宽度,其余的保持不变。

    背景为红色的元素,现在增加其padding-left的值为50px:

    和最开始相比,元素距离内容的左边宽度增加了50px.(这样做的好处是,在不改变原来的间距等的情况下,只改变现在改变现在所需。如上图中,只是要让元素的内容和其左边距有50px的距离,或者称为让元素内容向右偏移50px,而其他元素之间的距离保持不变,比如游戏和父类右边的距离,以及游戏和米聊等之间的距离都保持不变

    2.不定宽块元素在设置padding的时候,只是元素里面的内容移动,父类元素宽度不变。

    3.对于设置top和bottom,无论是块状还是行内元素,也无论是定宽还是不是,都会盒子都会向下或者上面移

    4.块状元素

    块状元素独占一行,即使你给其设置了固定的宽高,哪怕宽的值设置的再小,还是独占一行

    5.opacity

    背景的透明度

    6.background-position

    7.充分利用margin

    对于做左右滑动效果显示的,也就是通过点击按钮或者cursor(光标)实现在页面中展示另一页的,我们利用了margin-left:-x.

    8.画圆或者将四周变为圆角:border-radius:x  这里X>=要设置的元素的width 和height的值的一半。

     35px;
    height: 20px;
    border-radius: 10px;
    background-color:black;

    效果如下:

    9.动画效果annimate不仅仅是在移动位置的时候实现动画效果,可以通过在其css参数中设置样式,同样可以实现动画效果。

    10.给某个父类设置了浮动或者其他定位,该父类元素内的子元素的关系保持不变,还是按照原来的关系进行显示。比如:行内元素还是在弗雷中按照行内元素显示,块状元素,还是独霸一行等。

    11.垂直居中用:line-height。

    12.hover在css样式中和在jQuery中有区别:

    当在css中书写的时候,当鼠标离开之后,hover中的样式自动消失。但是正在jQuery中,我们必须在hover中书写两个事件,一个是当鼠标移动到上面的时候,另一个则是鼠标离开之后元素的样式。

    13.Dom对象和jQuery对象的区别:jQuery对象中的元素不存在element[i]来表示第几个元素,而dom对象则是这样的。如:

    $($('.J_itemBox1-ul-li-div-par')[0]).append(Div); 这里我们通过类名
    J_itemBox1-ul-li-div-par获得该类名的对象,获取第一个对象
    $('.J_itemBox1-ul-li-div-par')[0],但是这里必须再进行获取一次才能够在jQuery中使用
    $($('.J_itemBox1-ul-li-div-par')[0])

    14.巧妙的用class.在HTML中,我们给元素定义多个class名称,对于相同的样式,用同一个类名,对于不同样式,再分别用不同的类名去定义。
    15.$() 是从文档中获取某元素。也就是说某元素只有在添加到文档后,才能够获取该元素。
  • 相关阅读:
    Java调用本地接口:java.lang.UnsatisfiedLinkError
    httpSession
    <mvc:annotation-driven>和DefaultAnnotationHandlerMapping 配置教训
    Spring 中的HiddenHttpMethodFilter类
    Myeclipse Jquery代码提示
    修改MyEclipse8.5的默认工作空间
    React 实战系列:模块化
    兼容性 memo
    破解 JS(原型)继承
    CSS Basic Memo
  • 原文地址:https://www.cnblogs.com/yyn120804/p/7479114.html
Copyright © 2011-2022 走看看