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. 偽類:not
child
偽類結合,簡化 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 調...