常用易忘的CSS技巧

2021-09-28 15:21:11 字數 1225 閱讀 4133

超出部分顯示省略號

// 單行文字

.wrap

// 多行文字

.wrap

自定義滾動條

overflow-y

: scroll;

整個滾動條

::-webkit-scrollbar

滾動條的軌道

::-webkit-scrollbar-track

滾動條的滑塊

::-webkit-scorllbar-thumb

修改input輸入框中游標的顏色不改變字型的顏色

input

修改input 輸入框中 placeholder 預設字型樣式

//webkit核心的瀏覽器 

input::-webkit-input-placeholder

//firefox版本4-18

input:-moz-placeholder

//firefox版本19+

input::-moz-placeholder

//ie瀏覽器

input:-ms-input-placeholder

5.清除img出現的三畫素空白

//方法一

img//方法二

img//方法三

img

解決想固定寬高,又擔心拉伸變形

.imgbox

.imgbox img

製造模糊文字

.blurry-text

用css動畫實現省略號動畫

.loading:after

@keyframes ellipsis

to}

簡便的為logo隱藏h1

h1

修改輸入框的提示文字樣式

::-webkit-input-placeholder

//safari瀏覽器

::-moz-placeholder

//火狐瀏覽器

::-ms-input-placeholder

//ie瀏覽器

常用易忘CSS小技巧

wrap 單行文字 wrap 多行文字 wrap 不換行 wrap 自動換行 wrap 強制換行 wrap.wrap 單列展示時 wrap 多列展示時 wrap.wrap.wrap.wrap.wrapimgp 將所有字母變成大寫字母 p 將所有字母變成小寫字母 p 首字母大寫 p 將字型變成小型的大...

css中常用的易忘標籤

css中有很多標籤寫法,不常用的話,就容易忘記,手寫寫不出來,還要再查資料什麼的,現在對我工作中容易忘記的標籤寫法整理一下 1 谷歌閉合機制 clear clearfix clearfix after 2 字型 simsun 宋體 yahei 微軟雅黑 其他字型英文寫法請看 3 透明度 opacit...

易忘小技巧 網路

curl ifconfig.me環境 vmware中的虛擬機器通過ssh連線有獨立ip的公網伺服器,發現報錯,資訊如下 ssh服務 packet write wait connection to 67.218.143.160 port 22 broken pipe 處理方法 1 在 ssh conf...