在html中，先说说它的布局。
1.标签的嵌套，要符合w3c得标准。
2.布局要精简有效，层级嵌套不要太深。
3.标签不可随意嵌套，每一层父级最好都加注释。
4.标签使用寓意化。
5.标签的title属性 ，假如出现标题或者文章有隐藏的部分，可以给标签添加title属性
布局方面可以参考bootstrap.
css类
首先类的定义
1.css的命名规范 我个人写法是遵循BEM是比较好的选择。
BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时的大项目。
.block 代表了更高级别的抽象或组件。(父级盒子)
.block__element 代表.block的后代，用于形成一个完整的.block的整体。
.block--modifier代表.block的不同状态或不同版本。
之所以使用两个连字符和下划线而不是一个，是为了让你自己的块可以用单个连字符来界定，如：
.site-search{} /* 块 */
.site-search__field{} /* 元素 */
.site-search--full{} /* 修饰符 */
根据这个命名方式，任何人看到都会一目了然，很清楚的知道你写的什么，包括后期维护都会很方便。
2.类的使用
每定义一个类就让它有存在的价值。
在样式的时候首先观察页面中公共样式部分，把它写成一个css组件。减少了代码，而且保证了样式统一。
合理利用标签，标签自带的属性就不要再给它样式。
2.关于页面注意的问题，图片我们要给他alt属性文本部分，根据需求需要加文本溢出隐藏的属性。
下一章我们展开html和css实现。
网友评论