发表于: 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 | 此光标指示可用的帮助(通常是一个问号或一个气球)。 |
评论