css使用者介面樣式

2021-09-27 06:45:19 字數 694 閱讀 5173

css

滑鼠樣式cursor

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

cursor : default 小白 | pointer 小手 | move 移動 | text 文字

輪廓 outline

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

outline : outline-color ||outline-style || outline-width

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

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

右下角可以拖拽:

右下角不可以拖拽:

vertical-align 垂直對齊

讓帶有寬度的塊級元素居中對齊,是margin: 0 auto;

讓文字居中對齊,是 text-align: center;

vertical-align 垂直對齊

vertical-align : baseline |top |middle |bottom

解決的方法就是:

給img vertical-align:middle | top等等。 讓不要和基線對齊。

給img 新增 display:block; 轉換為塊級元素就不會存在問題了。

CSS之使用者介面樣式

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

css權威指南(13) 使用者介面樣式

系統字型 css2定義了6個系統字型關鍵字,如下 1.caption 由標題控制項使用的字型樣式,如按鈕和下拉控制項 2.icon 作業系統圖表標籤使用的字型樣式,如硬碟驅動器,資料夾和檔案圖示 3.menu 下拉列表和選單列表中文字使用的字型樣式 4.message box 對話方塊中文字使用的字...

CSS基礎 part16 CSS使用者介面樣式

學習筆記,僅供參考,有錯必糾 設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀 屬性值描述 default小白 預設 pointer小手 move移動 text文字 not allowed禁止 html style cursor default 我是小白li style cursor p...