发表于: 2017-03-28 21:24:41

1 530


今日完成:

完成任务十五(重写官网)。

明日计划:

总结css的知识,开始学习js任务

遇到的问题:

1.今日重写官网第三个页面时出现了布局出错的问题。原因是职位介绍模块我是用table做的,调试的时候tr与tb的布局老是出错。最后发现是因为用了flex弹性布局,而tr与tb默认属性就是display:tabcell。将他们的属性改为flex后,自然要出错。解决这个问题时间倒花的不久,几种方式都能够解决,主要还是不熟悉table用法,才会花了很久时间才发现这个问题。

2.今天想要实现直接用button实现超衔接的跳转,在button里边直接设置 href=“”是不其作用的。开始用的办法是在button里边添加<a>标签,但是<a>标签不能实现整个button的衔接跳转,只能实现<a>标签部分的跳转。

最后查阅资料,学习了如何设置onclick事件,设置完成。但设置onclick后,鼠标移动上去不会显示手指形状,又在网上学习了设置鼠标指针的属性pointer,问题解决。

收获:

1.更加熟悉table各属性以及用法;

2.学习 onclick事件。

onclick事件主要用在button, document, checkbox, link, radio, reset, submit中,主要是配合js使用,能够在css中简单的实现衔接跳转有:

onclick="windows.open(url)";onclick="window.location.href=''" 等

3.设置鼠标形状的办法:

cursor:

url

需被使用的自定义光标的URL

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。



返回列表 返回列表
评论

    分享到