CSS相關的複習記錄 持續更新

2022-07-31 19:42:13 字數 1005 閱讀 6784

自內向外  content,padding,border,margin.   content代表 width; height.

w3c預設: box-sizing: content-box .  ie 預設: box-sizing: border-box

行內元素可以用 text-align: center; 塊級元素可以使用 margin: 0 auto;

水平居中:

position:absolute +left:50%+ transform:translatex(-50%)

display:flex + justify-content: center

垂直居中:

設定line-height 等於height, 不能寫100%

position:absolute +top:50%+ transform:translatey(-50%)

display:flex + align-items: center

css禁用滑鼠事件:pointer-events: none; 

css禁止使用者選擇: user-select: none; (可加各個核心渲染器識別)

隔行樣式: nth-child(even/odd)

顏色漸變實現linear-gradient

讓overflow:scroll平滑滾動 :-webkit-overflow-scrolling: touch; // 移動端

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill

當檢測到某個dom元素應用了某些css規則時就會自動開啟

.css {

-webkit-transform: translate3d(0,0,0);

-moz-transform: translate3d(0,0,0);

-ms-transform: translate3d(0,0,0);

transform: translate3d(0,0,0);

Mysql 相關(持續更新)

查詢某個資料庫中表個數的sql語句 select count tables,table schema from information schema.tables where table schema db name group by table schema 檢視自己的mysql資料庫支援的引擎有...

Oracle 記錄 持續更新

1 select distinct area.region code from tb organization org inner join tb admindivision area on org.area code area.region code 2 select distinct area....

shell記錄 持續更新

變數 和 url echo 輸出變數內容 輸出 echo 輸出變數長度 輸出 30 echo 左起第乙個 非貪婪匹配 為分隔,刪除左邊包括本身 輸出 www.baidu.com txt 1.txt echo 左起最後乙個 貪婪匹配 為分隔,刪除左邊包括本身 輸出 1.txt echo 右起第乙個 非...