发表于: 2018-05-11 21:39:25
1 530
今天完成的事:
1、今天一口气把第二个、第三个页面都写完了。
明天的计划:
1、看一下深度思考。
2、开始任务8。
遇到的困难:
1、比较顺利,没有遇到很难的。就是最后提交到github的时候,发现bootstrap框架引入失效了...
检查了好久,才发现原来是我在本地的是旧版的,以后注意框架更新版本的网址...还是官方的文档模板靠谱,博客的有些是旧版的...
2、css如何实现一段不够一行时居中显示,多于一行时两端对齐??
收获:
1、一个实用的小技巧,使用按钮button实现跳转,主体方法大概4种,任务中用的是第四种,逼格较low,额,蛋贵在方便,不过要注意这样对样式会不会造成修改:
(1)使用 form
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
(2)JavaScript
<button onclick="window.location.href='/page2'">Continue</button>
<button onclick="location.href='http://www.example.com'" type="button"> www.example.com </button>
(3)使用链接,样式设置成按钮
<a href="http://google.com" class="button">Continue</a>
css:
a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-decoration: none; color: initial
(4)链接+button
<a href="http://www.stackoverflow.com/">
<button>Click me</button></a>
2、然后是关于ulr的路径问题,之前没有仔细想过。所有的ulr都是基于你的文件当前路径,如果你写在css上,那么它就是按照你的CSS文件当前算,如果你写在HTML,那么就是基于你的html文件路径算。../可以退回上级目录。
进度:CSS-任务7
开始时间:2018.05.07
评论