在我們的專案中,出現了半路換框架的情況,相應的前台頁面也要更換,新手,摸索前台更換的經驗。
目的:在保留前台頁面的功能的基礎上,更新前台的樣式。
css,新舊的css可以整合到乙個css表中,保證無論是呼叫到哪個版本的css都用到,增加容錯率
js作為功能是不能進行修改。
class多作用於css中,既然css要更改,可以將舊版本的css通過在舊css中crtl+f查一查,是否刪除後造成嚴重後果,如果刪除後沒有影響,直接刪除,如果有影響可以保留後用。
如果乙個表的樣式需要與眾不同,可以直接用style進行鎖定樣式。css樣式優先順序為:
可以看出style有最高優先權,其次為id。所以在遇到必須與眾不同的樣式的時候可以直接用style進行鎖死。
css表怎麼查詢樣式:根據class在css找到相應的樣式。padding為內邊距 margin為外邊距,float :left 浮動t。或者直接通過元素來找,例:ul.li.a.p{}就是在ul下的li下的a下的p的樣式。注意! !improent在css中具有最高優先順序。
頁面布局思路
頁面是由html構成的 熟悉html本身預設特點 很重要 布局重要 盡量通過結構 利用流逝布局 如何構建結構 1 只要看到從上往下的布局 就在這幾個子元素外部加乙個 父容器 原理 子元素在父容器中從上往下 並且可以撐起父容器的高度 2 只要看到從左往右的布局方式 原理 子元素一定變為inline元素...
SAP Spartacus 的頁面設計思路
cms提供了page structure,但不提供clear layout definition.所謂cms page structure,即cms只提供了乙個有序清單,包含了slots和component資訊。slots自身,並沒有包含應該如何在layout裡渲染的元資料。所以,sap spart...
頁面bug修復思路
最近寫了兩個頁面,真有點心力交瘁!頁面bug巨多,都有點把自己給嚇倒了,重點是bug還是自己寫的,悲哀!由於布局做的不太好 導致到後面樣式有點不受控制。頁面不能按百分比的鋪滿整個螢幕,只能是多少內容就有多大。有點變形見諒 除錯了挺長時間,原因倒是找到了,是div有個樣式,它固定了高度導致我在我在加百...