CCSS 解決方案

2021-08-20 19:57:08 字數 1610 閱讀 5681

1. 偽元素:清除浮動

.clearfix

::after

.clearfix

2. 偽元素:實心小三角
.box

::after

3. 偽元素:三角邊框
.square

.square

::before

.square

::after

4. 偽元素:標點符號

span

::after

style>

張新span>

body>

5. 偽元素:滑鼠懸浮,有間隙的元素顯示

css 實現:

6. 偽元素:hover 時,顯示提示 不同的資訊(替換 title)

span

span

:hover

::before

data-title="張新是帥哥">張新span>

7. 偽類:css 計數

.box

input

:checked

span

::after

style>

class="box">

1type="checkbox"

name=""

id=""> 2

type="checkbox"

name=""

id=""> 3

type="checkbox"

name=""

id="">

div>

span>

body>

8. 偽類:notchild偽類結合,簡化 css 選擇器
// 最後乙個li標籤除外的li標籤

li:not(:last-child)

9. 偽類:聚焦 input 文字標籤,相鄰元素顏色改變

10. 偽類:自定義 radio / checkbox 元素樣式

11. css 清除浮動

12. css 解決垂直外邊距塌陷

情況2:父子元素巢狀(子元素設定margin-top, 父元素一起下來了)

解決方案:

13. **新增logo

**如下:

a

.logo

// text-indent 設定文字縮排

14. 文字環繞

15. 超出部分省略號顯示

.text

`text-overflow: ellipsis` 顯示省略符號來代表被修剪的文字

`white-space: nowrap` 文字不會換行,文字會在在同一行上繼續,直到遇到

16. 設定文字 字間距 / 縮排

17. 多列布局,行高 與 最大行高一致

mysql 解決方案 Mysql解決方案

mysql解決方案 一 centos7安裝mysql5.7 wget rpm uvh mysql80 community release el7 3.noarch.rpm yum repolist all grep mysql 發現預設mysql8.0是預設安裝的,然而我們要安裝的是mysql5.7...

OSSIM解決方案

大多數主流安全產品針對的是計算機單一安全缺陷,他們更多的是提供某一單獨的安全保護功能。目前安全領域內還沒有一套相對完整系統安全解決方案,而且由於主流商業安全軟體的閉源特性,讓我們對其自身的安全特性也不能夠完全信服。隨著軟體開源趨勢的不斷推進,現在出現了很多甚至可以說效能毫不遜色於任何商業軟體的安全工...

android OOM解決方案

解決oom的常用方案 記憶體限制是android對應用的乙個系統級限制,作為應用層開發人員,沒有辦法徹底去消滅這個限制,但是可以通過一些手段去合理使用記憶體,從而規避這個問題。以下是個人總結的一些常用方法 1 快取影象到記憶體,採用軟引用快取到記憶體,而不是在每次使用的時候都從新載入到記憶體 2 調...