abstract: 整个导航的实现当中,需要清楚选择器以及样式属性的区分,为了美观,可以外部链接CSS样式的链接,在使用一些图标的时候,可以下载一个Front的一个库引用进去就可以了,在导航中,会运用到块元素以及行内元素,display的分布用法,以及在设置完之后要清空浮动,而左右浮动是用float去实现。要是既想实现块内元素以及行内元素两者的结合的话,可以使用display中的inline-block
整个导航的实现当中,需要清楚选择器以及样式属性的区分,为了美观,可以外部链接CSS样式的链接,在使用一些图标的时候,可以下载一个Front的一个库引用进去就可以了,在导航中,会运用到块元素以及行内元素,display的分布用法,以及在设置完之后要清空浮动,而左右浮动是用float去实现。要是既想实现块内元素以及行内元素两者的结合的话,可以使用display中的inline-block去实现。
在内部文本的排列的时候,需要用到a标签,需要用到text-decoretion去除a带的样式,然后文字的间隔可以用 来去实现空格,以及光标指向时发生颜色的变化,只需要在a标签下的CSS中a:hover添加颜色的属性去改变即可。然后在去细分一下排布,导航栏基本就完成了。
Correcting teacher:天蓬老师Correction time:2019-05-13 09:47:02
Teacher's summary:导航的设计 一直在前端编程中的一个重点, 因为它是直接影响到用户体验的部分, 请给予足够的重视