css技巧

2022-11-24 20:41:14 字數 790 閱讀 6406

1.如果ul下有很多li,需要在一行顯示,並且設定margin。但是通常要取消第一個li的margin-left。使用:first-child有的瀏覽器不相容。

解決:.li+.li
適用場景:單行左對齊,有間距

2.多行文字垂直居中

li

li>span

3.設定寬度100%,高度等於寬度

img
讓垂直居中一直沒有找到一個很好的辦法,今天學習重溫after偽類的時候突然看到一個解決方案,覺得很好。

html**:

css**:

效果圖:

設定placeholder顏色

#txt::-webkit-input-placeholder
讓垂直居中一直沒有找到一個很好的辦法,今天學習重溫after偽類的時候突然看到一個解決方案,覺得很好。

html**:

css**:

效果圖:

設定placeholder顏色

#txt::-webkit-input-placeholder

css 技巧

1 margin 上右下左順序 margin top 20 margin left 20 margin 20 0 0 20 margin 20 0 margin 20 0 20 0 2 important 出現在熟悉值最後 指明規則重要性。如果規則出現衝突,important將勝出。如 p p 規則...

css技巧

一 font快捷鍵寫法 body 例 body 注意 同時指定font size font family 才能這樣簡寫 當 font size 和 line height 只能使用斜槓 組成一個值 不能分開寫 font size font varient font weight 可預設 順序不能改變...

Css 技巧

1.瀑布流佈局 parent child2.div 內上下居中 parent.child3.文字的上下居中 div4.fixed 的元素蓋住了滾動的頁面 可以嘗試給body加 padding bottom 10px 10px 按需調整,撐開body。5.position 問題 absolute 的 ...