ホームページ > ウェブフロントエンド > htmlチュートリアル > 【フロントエンド】#001 コーディング仕様書_html/css_WEB-ITnose

【フロントエンド】#001 コーディング仕様書_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-06-24 11:41:53
オリジナル
910 人が閲覧しました

... ee

<!doctype html>
ログイン後にコピー
ログイン後にコピー
<strong> 编码:</strong> 使用 meta 设置编码类型 UTF-8
ログイン後にコピー
<!doctype html>
ログイン後にコピー
ログイン後にコピー
<html>
ログイン後にコピー
  <head>
ログイン後にコピー

終了タグを厳密に使用し、ネストを避ける エラー

JS、CSS、HTML を混ぜて書かないでください (CSS と JS を抽出)

img タグと object タグは alt 属性を使用する必要があります

button、input、その他の form タグには必ず title 属性を追加してください

CSS と JS の文の引用を簡略化します

句 句

     <metacharset="utf-8">
ログイン後にコピー
  </head>
ログイン後にコピー
  <body>
ログイン後にコピー
E
  </body>
ログイン後にコピー
E
</html>
ログイン後にコピー
E
<strong>大小写:</strong>除了 Text  CDATA元素,其他都使用小写
ログイン後にコピー
E
 
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー
E
<strong>缩进:</strong>整个文件要统一(具体看情况使用 2、4空格)
ログイン後にコピー
E

6. & lt; input type = " の代わりに Button タグを使用することをお勧めします。 Button" button "/& gt;

7. html タグ タイトルに設定する必要があります プロパティ
  1. CSS 開発仕様

エンコードされた文字セット: UTF-8 (BOM なし)、として保存CSS ファイル

小文字で記述する必要があります

名前付けには意味のある短い単語を使用します (またはチーム仕様)

コロンの後にスペースを追加します

セレクターと各属性はそれぞれ 1 行を占めます (セレクターと中かっこは必要ありません)別の行に置く必要があります)

インデント: 2 / 4 スペースを使用し、Tab キーは使用しないでください

セレクター名とセレクター名の間に空行 (2 つのスタイル セレクターの間に空行) 終わり各スタイルはセミコロンで区切る必要があります

  1.  
    ログイン後にコピー
    ログイン後にコピー
    ログイン後にコピー
    换行:出现块级元素(div、p),列表元素(ul,ol),表格元素(table) 换行,行内元素大于80换行
    ログイン後にコピー
  2.  
    ログイン後にコピー
    ログイン後にコピー
    ログイン後にコピー
  3. <strong>编程风格</strong>
    ログイン後にコピー

  4. 書き方の順序
  5. css は、
  6. 配置が最初、詳細が二番目
  7. という順序で記述します。
  8. ディスプレイモード表示
  9. 位置決めまたは浮動メソッドposition、float、clear
  10. 上下左右の位置オフセット左、上、右、下

    高さ、幅

    内外マージン、パディング

    ボーダー

    背景

    color

    font text font
    1. text line-height, text-align
    2. その他雑多な項目
    3. Z-indexの使用仕様
    4. モジュールCSSを使用する場合、原則として以下の仕様に従う必要があります絶対的な位置決めですが、強制はされません。開発プロセス中は、絶対配置レイアウトの使用を減らし、レイアウト マネージャーを使用してレイアウトを管理します。
    5. マップ: 使用されるインデックスの範囲は
    6. 0-99
    7. で、タイル マップ、カスタム レイヤー、凡例、レイヤー管理などが含まれます。
    8. インターフェイス ビジネス モジュール: 使用されるインデックスの範囲は
    9. 100-199
    10. 、水体制 Real -タイムリストなど
    フッター: 使用されるインデックス範囲は

    700-799

    であり、著作権、ファイリング、テクニカルサポートなどが含まれます。

    ナビゲーション: 使用されるインデックス範囲は800-899

    で、ロゴも含まれます、システム名、ナビゲーション バー 待機

    ポップアップ ボックス: 使用されるインデックスの範囲は
      900 ~ 999
    1. で、設定パネル、プロンプト ボックスなどを含みます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート