• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    用标准件的方式来组装网页DIV布局-WEB标准网站设计心得

    有这样一个想法,不知道可行么

    例子:
    布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等}
    如果把每个属性都做成一个标准件,然后这样组装起来使用
    class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式
    先按需要定义好标准件如:

    float标准件
    .l{float:left}
    .r{float:right}
    .cl{clear:left}
    ...

    width标准件
    .w200{width:200px}
    .w300{width:300px}
    ...

    background标准件
    .red{background:red}
    .black{background:#000}
    .white{background:#fff}
    ...
    根据需要引用
    class="l w200 red"[居左,宽度为200,背景红色]
    class="r w200 white" [居右,宽度为200,背景白色]

    我现在自己写代码,最多就2个class来定义一个布局样式,感觉很方便

    您可能感兴趣的文章:
    • Web移动端Fixed布局的解决方案
    • 简要了解jQuery移动web开发的响应式布局设计
    • WEB标准网页布局中尽量不要使用的HTML标签
    • web标准布局实例教程,用定位轻松解决CSS复杂布局
    • web前端开发中常见的多列布局解决方案整理(一定要看)
    上一篇:CSS:自定多姿多彩的网页链接下划线
    下一篇:从豆瓣网站设计谈网站重构
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    用标准件的方式来组装网页DIV布局-WEB标准网站设计心得 用,标准件,的,方式,来,组装,