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.$() 是从文档中获取某元素。也就是说某元素只有在添加到文档后,才能够获取该元素。