zoukankan      html  css  js  c++  java
  • CSS命名规范

    一、CSS命名规范: 
      1、文件命名规范
      全局样式:global.css;
      框架布局:layout.css;
         
      字体样式:font.css;
      链接样式:link.css;
      打印样式:print.css;
      2、常用类/ID命名规范
      页 眉:header
      内 容:content
      容 器:container
      页 脚:footer
      版 权:copyright 
      导 航:menu
      主导航:mainMenu
      子导航:subMenu
      标 志:logo
      标 语:banner
      标 题:title
      侧边栏:sidebar
      图 标:Icon
      注 释:note
      搜 索:search
      按 钮:btn
      登 录:login
      链 接:link
      信息框:manage
      ……
    二、处理浏览器BUG问题
      关于这点,不知那位高人把CSS BUG变成顺口溜了!在这里引用一下,很容易记住的!
      1、IE边框若显若无,须注意,定是高度设置已忘记;
      2、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
      3、三像素文本慢移不必慌,高度设置帮你忙;
      4、兼容各个浏览须注意,默认设置行高可能是杀手;
      5、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
      6、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
    三、所有标签皆有源
      只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。

    四、图片链接排版须小心 
      图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
    五、IE浮动双边距
      请用display:inline。

    六、列表横向排版
      列表代码须紧靠,空隙自消须铭记。

      DIC+CSS学习是一条很长的路,真正走下去必须要有一颗虔诚的新心!
  • 相关阅读:
    国内最火的3款前端开发框架
    Cordova是做什么的
    老师你好。使用cordova生成的hellowold 的安卓5.0版本太高。怎么才可以生成4.4的呢?
    一个类似bootstrap的foundation
    role在标签中的作用是什么?
    如何做到根据不同的进度用不同的颜色显示整个进度条
    wall 和panel有啥区别
    git ignore
    eclipse js 引用跳转
    计划
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/3715399.html
Copyright © 2011-2022 走看看