发表于: 2017-03-13 23:33:04
1 764
今天完成的事情;完成task8战略合作伙伴部分页面,布局header和footer部分的时候注意和上一个页面的尺寸部发生冲突,然后中间main部分使用栅格系统分为左右两边。合作企业部分为《a》标签添加hover属性:
a:link /* 未访问的链接 */
a:visited /* 已访问的链接 */
a:hover /* 当有鼠标悬停在链接上 */
a:active /* 被选择的链接 */
a,a:visited,a:hover,a:active { /*全部状态都一样的效果*/
text-decoration: none; /*没有下划线*/
color: blue; /*一直都蓝色*/
font-weight: bold; /*加粗*/
}
a:visited /* 已访问的链接 */
a:hover /* 当有鼠标悬停在链接上 */
a:active /* 被选择的链接 */
a,a:visited,a:hover,a:active { /*全部状态都一样的效果*/
text-decoration: none; /*没有下划线*/
color: blue; /*一直都蓝色*/
font-weight: bold; /*加粗*/
}
明天计划做的事;做task8的最后一个页面。
遇到的问题;在导航栏添加左上角技能树的图片时候,使用position:absolute;把图片定在左边,导航定在右边,但是脱离文档流了,然后尝试添加overflow: hidden;
但是没有解决
收获;巩固了鼠标事件
评论