在我们进行前端开发时，我们不仅要考虑到能否实现我们想要的布局、样式、效果等问题，与此同时我们也要思考下怎样能够较好的、简单的、方便的、规范化的实现，最好我们能够对所有页面部分都有大体了解，哪些部分的样式是相同的可以模块化，布局完之后可以随意其那出来用。同时我们还需想到我们这样布局后，是否符合逻辑、在石油CMS进行开发时是否能够较快的实现出来。
以下是一些需要注意的点：
1.我们可以将公共部分先布局出来，比如head、foot等，存储成common.html模板页面。
2.公共样式的模块化，在所有页面中，如果部分样式在多个地方重复出现，我们布局时需要考虑，怎样能够让这一部分和其他部分离开，能够单独应用，成为一个独立模块。如：按钮、分页、列表、小导航等。
3.在布局列表样式时，如新闻列表、产品列表等，一行几个相同的时我们会用ul li来布局，按照逻辑一般是横向排列的，其样式也应该相同，这样有利于我们进行后台遍历数据。
4.我们在布局文字时，如标题、描述等文字，可以使用h、p标签这种块级元素标签来编写，方便后期加超链接，可以直接在其外围嵌套a标签，并且不会改变其颜色样式。在其内部如有特殊样式的字符修饰，可以再使用span这种标签来修改样式。
5.页码的布局有时会遇到小问题，我们在布局时用ul li来编写页面，并且给上一页下一页、数字分页、active状态分别添加一个class样式，这样在cms遍历时就不会出现样式错误了。
网友评论