前端开发之css布局问题

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

• 写页面第一步

想要写好一个页面，最最重要的就是要先分析页面，他有几块，分成几个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+图标库中小图标的名称。

 

 

 

 

转载于:https://my.oschina.net/u/3883702/blog/1829060