WAP 手機終端 CSS 樣式實戰

2021-08-25 01:17:03 字數 572 閱讀 2446

1.在div標籤中可以使用line-height屬性,其他標籤中最好不要使用

2.如需在頁面中加入背景,由於各種手機適配不一樣,應統一在div標籤中加入背景

3."單選框radio和多選框checkbox在不同的手機上顯示的樣式不一樣。例如:blackberry上顯示為黑點和黑框。你可以採取下拉列表框select進行樣式上的統一。"

4.頁面中如需用到span標籤,不能為其定義class,這樣就違反了w3c xhtml-basic-1.0標準。錯誤:

****可以 這樣設定其樣式:.divstyle span

5.頁面中如果用到了

6.在頁面中盡量不要使用font標籤,有些手機並不支援該標籤

7.在nokia系列的手機中,當焦點集中在a標籤上面時,會出現邊框。在一些地方你可能想去除邊框,那麼你可以這樣做***帶邊框:… 不帶邊框:…..

8.在wap頁面開發過程中,由於先載入樣式後載入資源檔案,為了避免手機訪問頁面時出現重影效果,應避免使用height:auto屬性。

9.外邊距margin和內邊距padding屬性在一些手機中支援的不是很好,如果需要使用,應在div標籤中使用這些屬性。

CSS實戰樣式 文字兩側加居中橫線

在日常的開發中,會遇到這樣的需求,比如移動web開發中的登入頁的底部,會出現這樣的需求 其他登入方式,兩側有居中的橫線 一 使用 vertical align 屬性來實現 1.html部分 class other way login class line span class txt 其他登入方式s...

用css實現手機端單選框的樣式改變

在手機端預設單選框是沒有樣式的,要讓單選框顯示自定義的樣式可以用css來實現 看demo class choice 選擇li 男label type radio name value 男 li 女label type radio name value 女 li ul css中這樣設定 liinput...

在CSS中新增手機端(移動端)自適應樣式

根據不同的裝置設定的樣式 media min width 768px media min width 992px media min width 1200 注意下順序,如果你把 media min width 768px 寫在了下面那麼很悲劇,因為css檔案是從上至下讀取的,後面的css優先順序會更...