前端開發總結

2022-07-16 08:48:08 字數 407 閱讀 3915

margin : 外邊距

padding: 內邊距

display:inline(自適應,塊元素的對立面(span元素display預設屬性));block(塊元素,div元素display預設屬性)

float:元素浮動

position: static:物件遵循常規流。此時4個定位偏移屬性不會被應用。

relative:物件遵循常規流,並且參照自身在常規流中的位置通過 top,left,right,bottom這4個定位偏移屬性進行偏移時不會影響常規流中的任何元素。

absolute:物件脫離常規流,此時偏移屬性參照的是離自身最近的定位祖先元素,如果沒有定位的祖先元素,則一直回溯到body元素。盒子的偏移位置不影響常規流中的任何元素,其margin不與其他任何margin摺疊。

前端開發總結

console.log 可以取代alert 或document.write 在網頁指令碼中使用console.log 時,會在瀏覽器控制台列印出資訊。console.dir 可以顯示乙個物件所有的屬性和方法。console.dirxml 用來顯示網頁的某個節點 node 所包含的html xml c...

前端開發注意細節總結

1 搜尋時,文字框的內容一般去掉前後空格 1 引用jquery時直接用 trim 方法即可 2 無jquery庫時要用正則判斷 function trim str function ltrim str function rtrim str 2 檔案上傳時檔案型別 1 input type file ...

WEB前端開發流程總結

作者宣告 本部落格中所寫的文章,都是博主自學過程的筆記,參考了很多的學習資料,學習資料和筆記會註明出處,所有的內容都以交流學習為主。有不正確的地方,歡迎批評指正 1.新建專案資料夾 資料夾結構要有層次,一般包括 src 用於存放源 css 存放css index.css 用於存放設定主頁的scss ...