前端學習筆記 CSS高階技巧 使用者介面樣式

2021-09-25 18:03:19 字數 670 閱讀 8196

所謂的介面樣式, 就是更改一些使用者操作樣式, 比如 更改使用者的滑鼠樣式, 表單輪廓等。但是比如滾動條的樣式改動受到了很多瀏覽器的抵制,因此我們就放棄了。 防止表單域拖拽

設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。

cursor :  default  小白 | pointer  小手  | move  移動  |  text  文字
盡量不要用hand 因為 火狐不支援 pointer ie6以上都支援的盡量用

是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。

outline : outline-color ||outline-style || outline-width
但是我們都不關心可以設定多少,我們平時都是去掉的。

最直接的寫法是 : outline: 0; 或者 outline: none;

resize:none 這個單詞可以防止 火狐 谷歌等瀏覽器隨意的拖動 文字域。

右下角可以拖拽:

右下角不可以拖拽:

css筆記之高階技巧

所謂的介面樣式,就是更改一些使用者操作樣式,比如 更改使用者的滑鼠樣式,表單輪廓等。但是比如滾動條的樣式改動受到了很多瀏覽器的抵制,因此我們就放棄了。防止表單域拖拽 設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。cursor default 小白 pointer 小手 move 移動...

CSS高階學習筆記

1 div與span標記 簡單而言是乙個區塊容器的標記。即.之間相當於乙個容器,可以容納段落 標題 乃至章節 摘要和備註等各種html元素。span標記也是乙個容器標記。div與span的卻別 div標記類似與p標記,不同的div會換行。span標記是行內標記,不同的span不會換行顯示。2 盒子模...

css學習之路 四 高階技巧

一 元素的顯示與隱藏 1.通過設定display屬性 display none 設定元素隱藏 display block 設定元素為塊級元素,同時也有顯示的效果 2.通過設定visibility可見性 了解 visibility visible 物件可視 visibility hidden 物件隱藏...