五個容易被忽略但很有用的 CSS 屬性

2021-10-06 04:59:59 字數 689 閱讀 2588

禁用使用者選中乙個元素(element)的文字

使用屬性user-select,並且將它的值設定為none,我們可以將乙個元素的文字設定為不能被使用者選中。

element

當你不想乙個元素的原始內容被複製時,可以使用這個屬性。

更改選中文字的背景顏色

使用選擇器::selection,可以更改選中文字的背景顏色:

::selection

當你使用這個屬性時,注意使用良好的顏色對比度組合。

在不使用br的情況下將文字換行

使用屬性white-space,並將它的值設定為pre-wrap或pre-line:

element

設定字與字之間的間距

這對你來說可能有點簡單。但是直到我搜尋這個需求時,我才知道有這個設定。

你可以使用word-spacing這個屬性來設定文字中詞與詞之間的間隔。

element

在瀏覽器中隱藏難看的滾動條

我以前甚至不知道這是可以做到的。

要實現這個目的,你必須為不同的瀏覽器,準備不同的**:

/* hide scrollbar for chrome, safari, and opera */

html::-webkit-scrollbar

/* hide scrollbar for ie and edge */

html

CSS3中不常用但很有用的屬性 1

內容 於w3cschool和 css3核心技術與案例實戰 url 帶有後面跟有錨名稱 指向文件內某個具體的元素。這個被鏈結的元素就是目標元素 target element target 選擇器可用於選取當前活動的目標元素。selection 選擇器匹配被使用者選取的選取是部分。注意 只能向 sele...

CSS3中不常用但很有用的屬性 1

內容 於w3cschool和 css3核心技術與案例實戰 url 帶有後面跟有錨名稱 指向文件內某個具體的元素。這個被鏈結的元素就是目標元素 target element target 選擇器可用於選取當前活動的目標元素。selection 選擇器匹配被使用者選取的選取是部分。注意 只能向 sele...

移動APP最容易被程式猿忽略的五個安全問題

1.軟體許可權 1 扣費風險 包括傳送簡訊 撥打 連線網路等 2 隱私洩露風險 包括訪問手機資訊 訪問聯絡人資訊等 4 限制 允許使用手機功能接人網際網路 5 限制 允許使用手機傳送接受資訊功能 6 限制 允許應用程式來註冊自動啟動應用程式 7 限制或使用本地連線 8 限制 允許使用手機拍照或錄音 ...