網頁常見技巧

2022-04-03 14:56:21 字數 1101 閱讀 9541

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...