zoukankan      html  css  js  c++  java
  • css学习笔记 --初学 css代码风格、布局误区

      初学css,记录下初学者需要注意的事项。

      一、css 代码风格

      1.css 命名语义化。

      如类名:

              main   主体

         container 内容  

              footer    站底

              right、center、left   位置

           如文件名:

              base.css(css reset)  站点通用

              theme.css  主题

           2.一律小写,不要有下划线,中线

           3.css 属性按照首字母顺序排列

           4.css 属性组织模块化,添加适当注释

           5.一致性,方便阅读和维护

      二、初学者布局误区

           网页设计不只是”DIV+CSS“,div只是html提供的众多html标签中一个,是最常用的但不是唯一的。css命名语义化应该与html标签语义化同时进行。

           如:

      <div><div></div><div></div><div></div></div>

           肯定不如

      <div><p><span><span><em></em></p></div>

          清晰明了

      三、效率提升

      1、宽高1px图片平铺会消耗资源

           2、css expression  极大消耗资源

      3、颜色使用16进制,缩写的解析也会消耗时间(蛋囧,更多是为了颜色的掌控)

           4、尽量使用外链,不要内嵌

      四、初学者设计误区

           1、少用flash

           2、少用图片,有空白空间也比瞎弄图片瞎贴强

  • 相关阅读:
    webpack详解
    扩展运算符及其在vuex的辅助函数里的应用详解
    react组件间传值详解
    类的构造函数(3)
    类构造函数(4)
    new delete
    类的构造函数(1)
    类的构造函数(2)
    类的继承(1)
    静态成员数据与函数
  • 原文地址:https://www.cnblogs.com/qiuyeyaozhuai/p/3545752.html
Copyright © 2011-2022 走看看