美文网首页
html以及css注意要点

html以及css注意要点

作者: 笨蛋_5126 | 来源:发表于2017-07-13 20:29 被阅读0次

    在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实现。

    相关文章

      网友评论

          本文标题:html以及css注意要点

          本文链接:https://www.haomeiwen.com/subject/nesghxtx.html