1,html网页标题及网页图标的引用
2，修饰引用的是.css而不是less
3，（1）可以同时在.less里同时写好多个类，需要的时候直接添加标签的class中去，一个标签可以可以有多个类修饰，可以分为标识类（用来判断是哪个标签，可以是.or#），和公共引用类；
（2）常用的标签类命名: wp/wp-window/menu/menu-link/nav,top->top-line->wrapper->inner->mod->head-left/head-top/head-bottom->
(3)常用的封装类
1,通配符的属性
2,body属性
3，a标签的属性
4，左右分区浮动
5，菜单栏的阴影效果及z-index的使用
说明：z-index用于图层关系，Z-index只能工作在被明确定义了absolute，fixed或relative 这三个定位属性的元素中(除了static).
Z-index 属性，当被正确使用的时候，会改变自然的层叠顺序。.
Z-index 为 0 的节点与没有定义 Z-index 在同一层级内没有高低之分.
如果不对节点设定 position 属性，位于文档流后面的节点会遮盖前面的节点.
如果 A, B 节点都定义了 position:relative, A 节点的 z-index 比 B 节点大, 那么 A 的子节点必定覆盖在 B 的子节点前面.
6，菜单块可以不设宽度，由内容决定- width：auto
7，下划线展开效果用::after设置宽为0，transition转换效果,下划线颜色用background-color,块用positive:relative,::after用positive:absolute,用top:100%,left:50%定位正下方，用hover展开宽度至100%，left变为0%,还有一个前提是加after的标签类型必须为块，并且after里面的content：“”；必须有。
8，当然下划线展开效果还有加上/下边框
9，给li,ul都加浮动实现菜单排版 div->ul->li->a
总效果图
10，上图右边的“在校生”一行和“首页”一行可能会出现错行问题（即下面一行的首页等可能会跑到上面一行去），是因为font-size字体过大，调整一下下行a的font-size大小即可
11，固定菜单栏用position:fixed，阴影部分用background-image即可，优先级用z-index使得阴影部分在item图层的上层。
网友评论