1.css呼叫外部字型
1@font-face
2.邊框忽略1px畫素
1
box-sizing:border-box; -moz-box-sizing:border-box;-webik-box-sizing:border-box;
3.移動web在ios和android下點選元素出現陰影問題
-webkit-tap-highlight-color:rgba(255,255,255,0)可以同時遮蔽ios和android下點選元素時出現的陰影。備註:transparent的屬性值在android下無效。
可以同時遮蔽輸入框怪異的內陰影。
4.placeholder文字顏色更改
::-webkit-input-placeholder:-moz-placeholder
::-moz-placeholder
:-ms-input-placeholder
5.頁面禁止複製
moz-user-select: -moz-none;-moz-user-select
: none;
-o-user-select
: none;
-khtml-user-select
: none;
-webkit-user-select
: none;
-ms-user-select
: none;
user-select: no
6.蘋果和安卓手機按鈕相容
7.文字溢位
word-break: break-all;或者overflow: hidden;
text-overflow: ellipsis;
常見網頁技巧
1.滑鼠移動上去,變亮,移開又變成灰色。改變的是透明度。詳細說明 3.滾動現實公告 事件文字滾動 公告 4.以作為按鈕 5.中單元格之間分隔線的隱藏方法 其實上面的三個 都有三行三列,隱藏分隔線的訣竅在於rules,察看這三個 的源 我們可以看到標籤中都有rules。它有三個引數 cols,rows...
移動端網頁設計常見問題和技巧
隨著科技進步,人們日常生活中越來越依靠移動裝置,在閒暇之餘無論獲得資訊和內容還是購物都離不開移動裝置,這就需要我們逐漸把目光轉移到移動端。然而,現在手機 建設逐漸變成很多企業爭搶的物件,因此做好移動端 就變得迫不及待,俗話說流量在何處,人們的購物需求就在何方。那麼移動端 如何設計,才能獲得使用者的喜...
網頁布局技巧
布局 在css出現之前使用 對網頁進行布局的,利用了 的無邊框和間距的特性 將 的邊框與單元格間距都設為0 然後再將網頁元素按版面需要進行劃分之後,插入到 的各個單元中。但使用 布局,會大量使用到 的巢狀,並且會在 裡假如大量的如width border cellspacing cellpaddin...