css滑鼠變成小手 CSS總結四(前端一)

2021-10-11 06:55:43 字數 685 閱讀 7058

day9

1.css高階技巧

1.元素的顯示與隱藏

display 隱藏物件,不保留位置

(none,block)

visibility 隱藏物件,保留位置

(hidden,visible)

overflow 只隱藏超出盒子部分

(auto)

2.使用者介面樣式

①滑鼠樣式

cursor:default(預設)/pointer(小手)/move(移動樣式)/text(文字豎線)

②輪廓線

outline:none(取消表單輪廓線)

③防止拖曳文字域

resize:none;

3.垂直對齊

vertical-align:baseline/bottom/middle/top(行內和行內塊元素)

附練習**:

day10

4.阿里icomoon小圖示

②將fonts複製與於根檔案

③使用時開啟htmldemo複製小圖示後粘上文字

附練習**:

css 滑鼠變成小手

nm use ver this.style.cursor hand cursor其他取值 auto 標準游標 default 標準箭頭 pointer,hand 手形游標 wait 等待游標 text i形游標 vertical text 水平i形游標 no drop 不可拖動游標 not allo...

css滑鼠樣式 css滑鼠小手

青嵐影視 www.qldyy.net 例子 css滑鼠手型效果 css滑鼠手型效果 例子 css滑鼠手型效果 css滑鼠手型效果 例子 css滑鼠十字型 效果 css滑鼠十字型 效果 help是問號 例子 css滑鼠問號效果 css滑鼠問號效果 下面寫法都一樣,這裡就不一一寫完了。e resize是...

css滑鼠變成小手 技巧篇 CSS高階技巧詳解

display block 轉換為塊元素 顯示 none 隱藏 不保留原來的位置 重要!visibility visible 顯示 hidden 隱藏 保留原來的位置 複習 overflow hidden 1.之前解決父子關係垂直巢狀的合併塌陷問題。2.清除浮動overflow hidden 內容超...