自內向外 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 右起第乙個 非...