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

2021-10-24 07:45:11 字數 1111 閱讀 3527

學習筆記,僅供參考,有錯必糾

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

屬性值描述

default小白 預設

pointer小手

move移動

text文字

not-allowed禁止

html**:

>

style

="cursor

:default

">

我是小白li

>

style

="cursor

:pointer

">

我是小手li

>

style

="cursor

:move

">

我是移動li

>

style

="cursor

:text

">

我是文字li

>

style

="cursor

:not-allowed

">

我是文字li

>

ul>

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

語法:

outline

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

去掉輪廓線:

"text"  style="outline: 0;"/>
當我們設定乙個大文字框時,它是可以被隨意拖拽,變大變小的:

實際開發中,我們文字域右下角是不可以拖拽,因此可以做出如下設定:

css學習 css基礎

子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname,也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...

CSS基礎 使用CSS變數

當我們在開發較大的css檔案時,會遇到使用重複變數的情況,此時可以使用css變數來簡化開發,具體看 示例。宣告css變數 element 使用css變數 element 這裡使用mdn的例子進行說明 one two three four five 我們可以看到上述 中都重複用到了 backgroun...

CSS基本布局16例

css基本布局16例 單行單列 content voice family inherit width 370px html body content content voice family inherit width 370px html body content content voice fa...