前端开发之css布局问题

原创
2018/06/12 18:07
阅读数 98

作为前端小白白,对于这两天学习的前端知识做了一下总结。

  • 写页面第一步

想要写好一个页面,最最重要的就是要先分析页面,他有几块,分成几个div。刚开始写的时候一边写html一边写css搞得我心憔悴。受前端大神指点,改变策略。先写html把东西写好,减少嵌套。然后再写css。css中先定好位置,然后写长宽,字体写大小颜色等等。css要语义化,根据功能去起名字。常见的有contiler、header、nav、content、list、item、title、subtitle、detail、footer等等

 

  • 写app页面的小技巧

html中div布局尽量要简洁,对于app页面中有列表的,就是那种一块一块的,每一块都差不多的那种用ul标签里面嵌套div的方式。

  • 对于ul li a的理解

ul li必须配套使用,a可以单独使用

  • 各种标签

每一次写页面莫过于纠结到底用哪个标签,span标签自适应比较好用,p标签成一行,img标签里面加上一个class,多个img外面嵌套一个div。对于小图标用i标签。一些小图标可以直接从阿里巴巴矢量库中引用,会出一链接可以直接添加到html中的link标签里,不要忘记前面加上http:。i标签中class里面前面一定要加上iconfont+图标库中小图标的名称。

 

 

 

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
1
分享
返回顶部
顶部