新舊頁面整合的思路

2021-07-29 22:55:26 字數 587 閱讀 5003

在我們的專案中,出現了半路換框架的情況,相應的前台頁面也要更換,新手,摸索前台更換的經驗。

目的:在保留前台頁面的功能的基礎上,更新前台的樣式。

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有個樣式,它固定了高度導致我在我在加百...