zoukankan      html  css  js  c++  java
  • ▲如何对css文件进行整理

    我对css文件整理的一些想法:

    1.HTML元素的定义(包括如ul等一些标签的样式reset);

    2.定义通用样式库;

    3.先样式再布局后模块。具体做法是:

      (1)把跟颜色有关的样式提取出来(如字体、链接、边框、背景之类);

      (2)把跟整体布局有关的样式进行整理(主要是分栏的width);

          -->理解宽度:

             尽可能地少用宽度! 有何好处?♦ 由于ie6跟标准浏览器在解析width元素的不一致性,导致在使用width的时候,很可能因为太多的width而出现布局上的混乱和错误;♦ 少用width,同时提升了网站的可扩展性,因为限制了宽度,当内容需要扩充或者要把样式引用到另一个模块的时候,一般情况下是无法实现的。

             如何更好地引用width?♦ width独立出来,不与其他样式写在一起;♦ width不与border、padding、margin写在一起。

             如何做到少用width?少用圆角的、横向渐变的图片。

      (3)把模块的样式进行合并。 这里的模块是指为了网站风格的统一,同一块样式被多次重复使用的,这时可以把样式合并(如标题栏,选项卡、列表、分页样式等)。

    4.先整体后局部。

       这里的整体已经不再是从整个网站或整个页面出发了,而是具体到每一个栏目(如淘宝网首页的“所有类目”、“热卖单品”等)。 而局部也是相对于栏目而言的(如字体、间距等)。

    5.特殊的、暂时无法移除的,放在文件最末端。

  • 相关阅读:
    python-scapy学习笔记-(1)
    python系统性能模块笔记
    Python爬虫总结
    pm2的的常用命令及用法
    Javascript的map与forEach的区别
    对MVVM思想的在认识
    RN的打包
    undefined与null的区别
    rem与em的区别
    JS的函数参数传递为值传递
  • 原文地址:https://www.cnblogs.com/balaixianren/p/2088601.html
Copyright © 2011-2022 走看看