筆記 頁面開發過程CSS常見操作

2021-08-21 16:40:42 字數 1016 閱讀 1411

內外div,設定內div內容移動:

div內部元素(如按鈕)『溢位』div,div高度為0。

設定按鈕大小推薦直接設定它的padding。

同行多個行內元素無法對齊:

解決方案:設定父元素行高(較大)。

改變div中文字的位置:

方案(1)在文字外加div,設定margin;

方案(2)設定div的padding;

要設定多個div同行 :

解決方案:設定第二個div display:inline-block。

div設定螢幕寬度:

body    

div

空格佔位符:取消**內部邊框設定border-spacing: 0

編寫頁面規範:

頁面:header main footer設定最小寬度,大於最小寬度用百分比顯示,小於最小寬度就overflow:hidden。

div的高度隨子元素,寬度隨父元素。

textarea值為value,不是text。

字型中間加橫線:text-decoration:line-through

效果圖:

開發過程常見問題

需求變更,需求不清 1 需求變更 需求變更,不可避免 解決 可以通過配置化,好的 框架,減少調整量 2 需求不清 非需求變更,事實上客戶沒有那麼多需求變更,往往是沒有把握好客戶的真正需求導致返工。解決 明確需求後再開發,不要猜測需求,需求是由實際業務定的,開發時是a就是a,是b就是b,不要猜測,通過...

專案開發過程中解決頁面編碼問題

在專案開發過程中我們經常會遇到編碼問題,除了使 用utf 8之外,在ssm框架基礎上出現頁面亂碼問題,我們可以通過在web.xml中加入spring過濾器的方式解決 encodingfilterfilter name org.springframework.web.filter.charactere...

前端開發過程中常見的變數處理

判斷乙個變數是否是陣列或者物件 json.stringify obj json.stringify obj isnull obj return true 判斷是否是空陣列 var arr if array.isarray arr arr.length 0 typeof 變數 有侷限性只能粗略的分辨s...