1. 首先学会使用快捷键来写博客
标题 (ctrl+H )
引用(ctrl+Q)
强调加粗(ctrl+B)
强调倾斜(ctrl+I)
链接(ctrl+L)
图片(ctrl+G)
无序列表(ctrl+O)
有序列表(ctrl+U)
代码块(ctrl+K)
横线(ctrl+R)
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;
}