发表于: 2018-05-11 21:39:25

1 530


今天完成的事:

1、今天一口气把第二个、第三个页面都写完了。

明天的计划:

1、看一下深度思考。

2、开始任务8。

遇到的困难:

1、比较顺利,没有遇到很难的。就是最后提交到github的时候,发现bootstrap框架引入失效了...

检查了好久,才发现原来是我在本地的是旧版的,以后注意框架更新版本的网址...还是官方的文档模板靠谱,博客的有些是旧版的...

2、css如何实现一段不够一行时居中显示,多于一行时两端对齐??

方法:给p嵌套一个div,div设置文本水平居中,p设置文本两端对齐;但是这个方法给p换个span的标签就不行了。。。不知道为何 - =...

3、检查的时候发现hover范围太小了,修改了一下布局,还有CSS样式代码。hover,兄弟选择器用+,子元素选择器用>,还有个范围拾取“~”;老是忘记。

收获:

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

  

结束时间:2018.05.11


有无延期风险: 没有。初稿已完成提交。等待审核。

禅道:http://task.jnshu.com/zentao/my-task.html





返回列表 返回列表
评论

    分享到