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的值的一半。

width: 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獲得該類名的物件，獲取第乙個物件

$('.j_itembox1-ul-li-div-par')[0]，但是這裡必須再進行獲取一次才能夠在jquery中使用

$($('.j_itembox1-ul-li-div-par')[0])

14.巧妙的用class.在html中，我們給元素定義多個class名稱，對於相同的樣式，用同乙個類名，對於不同樣式，再分別用不同的類名去定義。

15.$() 是從文件中獲取某元素。也就是說某元素只有在新增到文件後，才能夠獲取該元素。

html css js jq問題總結

最近問題總結（部分問題還未總結完）

tftp問題總結

rebar問題總結

html css js jq問題總結

最近問題總結（部分問題還未總結完）

tftp問題總結

rebar問題總結

相關推薦