如何高效的編寫博客

1. 首先學會使用快捷鍵來寫博客

標題 （ctrl+H ）
引用（ctrl+Q）
強調加粗（ctrl+B）
強調傾斜（ctrl+I）
鏈接（ctrl+L）
圖片（ctrl+G）
無序列表（ctrl+O）
有序列表（ctrl+U）
代碼塊（ctrl+K）
橫線（ctrl+R）

2.實際練習使用

標題

引用塊內容

重點內容
強調內容
這裏寫鏈接內容

1. 列表內容
2. 有序列表和無序列表不能同時存在，會受影響

重點內容

• 列表內容

這裏寫代碼片

---

這裏寫代碼片

3.複製他人博客內容到你的博客

審查元素 -> 找到你想複製的部分博客 ->Copy outerHTML
進入自己博客中複製下來源碼。
我們應該注意，在轉載時加上轉載原文，不要侵犯原創者權利。

例如下方代碼是我轉載我的一篇文章：

share分享按鈕(縱向三個正方形)

知識點：:before/:after僞元素  重點：僞類與僞元素的區分

---

html:

<span class="share"></span>

---

css:

分析：三個長寬爲4px的正方形縱向排列 

1.:before/:after僞元素的作用：在目標元素的內容前（before）後(after)添加元素 

2.三個正方形：.share/.share:before/.share:after用css樣式寫成正方形 

3.將僞元素定位 

.share{ 

    position: relative; 

    display: inline-block; 

} 

.share:before,.share:after{ 

    display: block; 

    content:”“; 

} 

.share,.share:before,.share:after{ 

    width: 4px; 

    height: 4px; 

    background-color: #555; 

} 

.share:before{ 

    position: absolute; 

    top: -6px; 

} 

.share:after{ 

    position: relative; 

    bottom: -6px; 

}