開發心得 非美工做的html ccs待辦列表

2021-09-27 10:03:55 字數 2891 閱讀 6739

先上圖,本人不是美工,所以對介面要求的,就不用吐槽了。由於平時做前台修改的工作不多,所以做乙個記錄,以備將來自己可以回頭查查**。

這段**很簡單,雖然看著很多,其實只有幾個標籤是重要的。下面重點說一下自己的理解:

fieldset:這個標籤可以把標籤內部的元素框起來,可以看到設定了border: none以後,邊框就隱藏了,感覺效果不錯;

legend:這個標籤可以作為標題體現,一開始做待辦的時候沒有這個標籤,很難看;

float:這個標籤是位置,有幾個選項,我使用的是float:left,這樣只要在上層標籤足夠寬的情況下,這些div會自動排列,見上面的圖,可以做到響應式布局;

display:一開始沒有注意這個標籤,結果拷貝上去,發現待辦不顯示了,才知道這個標籤是這個作用,有點小白;

"fieldtodolist"

style

="border

: none;

background-color

: #eee;

float

:left

">

class

="mylegend"

>

我的待辦legend

>

"todolist"

style

="background-color

: #eee;

">

>

>

class

="1-btn 1-btn-plain"

id="tdlrisknumber"

href

=>

待##審批

"spanrisknumber"

style

="color

:red

">

span

>

個a>

li>

>

class

="1-btn 1-btn-plain"

id="tdlreviewnumber"

href

=>

待##審批

"spanreviewnumber"

style

="color

:red

">

span

>

個a>

li>

>

class

="1-btn 1-btn-plain"

id="tdlendnumber"

href

=>

待##審批

"spanendnumber"

style

="color

:red

">

span

>

個a>

li>

>

class

="1-btn 1-btn-plain"

id="tdlrefusenumber"

href

=>

退回審批

"spanrefusenumber"

style

="color

:red

">

span

>

個a>

li>

>

class

="1-btn 1-btn-plain"

id="tdlreleasenumber"

href

="../mf/loanrelease"

>

待##"spanreleasenumber"

style

="color

:red

">

span

>

個a>

li>

ol>

div>

"fieldmessage"

style

="border

: none;

background-color

: #eee;

display

: none;

">

class

="mylegend"

>

我的廣播legend

>

style

="margin-left

: 14px;

" type

="button"

value

="傳送訊息"

onclick

="sendmessage()"

/>

class

="form-group"

>

class

="mycontrols col-md-12"

>

"txtcontext"

name

="txtcontext"

rows

="6"

class

="form-control myinput"

>

textarea

>

div>

div>

fieldset

>

fieldset

>

乙個很簡單的開發任務,不過裡面涉及到的東西還不少。之前都是拷貝別人現成的**,只要結果正確,就不深究了。這次耐心研究了一下,其實也沒有花更多的時間,至少在下次再碰到類似問題或者專案的時候不會太白丁。

分享一下,更主要的提醒自己,今後無論做什麼事情,都要把相關知識研究一下。

帶有SPI介面的非接晶元開發心得

帶有spi介面的非接晶元開發心得 目前我們使用的非接晶元主要是通過spi介面來實現通訊的,因此本文結合非接晶元as39911和rc663對帶有spi介面的非接晶元操作做了乙個總結,可供涉及相關領域的人員參考,同時歡迎與大家的討論。同時文中也列些測試點,供專案相關人員快速定位問題 解決問題。晶元的具體...

關於最近做簡訊工具的心得

1.jsoncpp庫 判斷鍵是否存在json陣列 使用json key astype 獲取到值說明key存在 舉例 if json key asint 2.mfc 訊息傳遞 sendmessage 和postmessage,乙個是在訊息佇列插入訊息等待執行完畢之後返回和插入訊息就返回。但是,對於po...

開發Wap 中的心得

開發wap 中的心得 2 wap中的編碼比較嚴格,標籤區分大小寫。標籤一定要對應。初學者經常犯這樣的錯誤 3 說到標籤對應就涉及到這樣乙個問題。當在乙個表中查詢記錄的時候,在asp中沒有記錄就輸出 沒有記錄提示 並response.end。但是在wap中不行,因為這樣就不會輸出 等閉合標籤。我採用的...