首页 > 开发 > CSS > 正文

html5+css3之制作header实例与更新

2024-07-11 08:54:34
字体:
来源:转载
供稿:网友

上次,我们形成了两种header的布局,一种flexbox,一种float,最后与身边做重构的同事交流下来,选择了float的布局。
 
事实上布局的选型不需要我关注,我的参与或者一些意见多数是自我提升,但要说html结构完全控制于csser的话就不一定了
 
在整个header组件的代码过程中,我与重构同事就一些地方发生了重复的交流,争论,今天就header组件的布局以及功能实现,聊一聊js与css的配合
 
然后header组件本身是一个老组件,我们顺便探讨下,这类老组件应该如何翻新比较合适。
 
最初的结构
 
最开始重构的同事给了我一个已经做好了的页面:
 


我们针对其中一些小的体验上做了讨论,并且知会到设计组,便改了,很顺畅,然后我开始了愉快的代码,这是其中一块HTML的结构:
 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表