zoukankan      html  css  js  c++  java
  • html规范总结

    这个链接有规范的html 描述:http://nec.netease.com/standard 

    相关链接:

    1. http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5%91%BD%E5%90%8D%E5%87%86%E5%88%99%E6%96%B9%E6%B3%95/

    css宗旨:精简高效的CSS命名的关键字有“分离”,“统一前缀”,方法为“面向属性的命名”,准则为“无层级、无标签”。其中,“分离”是“面向属性命名”的基础。“面向属性命名”和“无层级、无标签”属于两个不同的系列,一个针对短命名属性,一个针对长命名属性。但是,两个又互相依存

    以下是各地摘抄节选

    1.

    关注点分离

    将结构(markup)、表现样式(style)和行为动作(script)分开处理,尽量使三者之间的关联度降到最小,这样有利于维护

    • 必须将css文件引入并置于head中
    • 必须将js文件引入并置于body底部 ###大小写:只使用小写 所有的代码都应是小写的,包括元素名称、属性,属性值(除非text或CDATA的内容)、选择器、css属性、属性值(字符串除外)

    2.

    缩进

    每次缩进使用4个空格不要使用Tab

    .example {
        color: blue;
    }
    <ul>
        <li>Fantastic</li>
        <li>Great</li>
    </ul>


    3.

    注释

    • 单行注释,需在<!--后空一格,在-->前空一格
    • 多行注释,注释起始和结尾都另起一行,注释内容缩进4个空格,不要使用Tab
    <!-- This is a one line comment -->
    <p>This is a comment</p>
    <!--
        This comment is require more than one line, so we should use block-style indented text      
    -->

    4.

    图片和颜色

    • 给图片添加widthheight,提升页面加载速度
    • 给所有img添加alt属性(页面加载出错提示)
    • 不要使用或尽量少用gif文件

    5

    .展现内容分离

    无论你是否使用框架,99%的展现设计应该在stylesheets中,以下几点应避免去做:

    • 不要使用内联样式,如:<div style="border: 1px">
    • <p>来代替<br>来对内容换行
    • 不要使用<em><strong>,用css来控制
    • 不要使用<i><b>,HTML5不赞成使用

    6.

    CSS书写顺序

      1.位置属性(position, top, right, z-index, display, float等)

      2.大小(width, height, padding, margin)

      3.文字系列(font, line-height, letter-spacing, color- text-align等)

      4.背景(background, border等)

      5.其他(animation, transition等)

    作者:词晖
    链接:http://www.zhihu.com/question/19586885/answer/48933504
    来源:知乎

    7.css中用破折号不用下划线: http://www.cnblogs.com/kaiye/archive/2011/06/13/3039046.html
     
    8.

    1.2 CSS 定义结构

    • 三层结构:

      • 基础框架(reset.css/ 栅格系统等)
      • 通用模块(网页主题/ 通用组件等)
      • 页面样式(布局/ 覆盖等)

      第一层一般是浏览器默认样式重置文件、栅格系统等基础样式;第二层一般是基于基础框架开发的通用模块样式或主题;第三层一般是针对网页布局、根据具体情况书写的或对通用模块进行覆盖的样式。

     
  • 相关阅读:
    java后台保存JSON
    查询树节点及其所有上级节点sql语句
    查询树节点及其所有下级节点sql语句
    Hibernate查询机制使用原生sql语法查询
    SSH框架通过poi导出excel表格
    java通过poi导入excel数据
    各类型日期date的相互转化
    推荐一下我喜欢的软件
    青岛市赛总结——远征石油大学
    My learn of git
  • 原文地址:https://www.cnblogs.com/Spring-Rain/p/5514751.html
Copyright © 2011-2022 走看看