发表于： 2018-06-18 21:47:26
1 562
2018.6.18
今天完成的事情:
1.任务六审核通过
2.微信分享
3.完成任务六的任务总结
4.学习bootstrap
明天计划的事情:
1.学习新标签——HTML5 audio
2.开始任务七
遇到的问题:
无
收获:
任务六任务总结
任务名称：CSS=TASK6
成果链接：https://helloimyhe.github.io/web/css6/task6.html
任务耗时：2018.6.8-2018.6.18（11）
技能脑图：
官网脑图：
自己脑图：
任务总结：
1.列表标签ul的使用
2.依然是position:absolute，fixed，relative的灵活使用以及z-index的运用
3.弹性布局display:flex的使用
4.background属性
5.使用css制作一个倒三角，间隔线，箭头
7.利用伪元素减少html代码量
.stay::before{
position: absolute;
left: 0;
content: "";
width: 1px;
height: 0.8rem;
background-color: #e2eaec;
}
.stay::after{
position: absolute;
right: 0;
content: "";
border: solid 0.1rem;
border-color: #AFBAC0 transparent transparent transparent;
margin: 0.36rem 0.12rem 0 0;
bootstrap按照自己的理解就是前端的增强型工具,可以更方便的调用bootstrap已有的类给自己的html增加样式.
而使用方式也很简单
因为bootstrap用到了html5的特性，为了正常使用，需要在最开头加上
<!DOCTYPE html>
导入css，所以在head标签中加上link标签，并放在所有其他样式表之前。如下：
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
接下来就是套用 bootstrap css中定义的class
返回列表
评论