【フロントエンド】#001 コーディング仕様書_html/css_WEB-ITnose
... 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>
</body>
</html>
<strong>大小写：</strong>除了 Text CDATA元素，其他都使用小写
<strong>缩进：</strong>整个文件要统一（具体看情况使用 2、4空格）
7. html タグ タイトルに設定する必要があります プロパティ
- CSS 開発仕様
エンコードされた文字セット: UTF-8 (BOM なし)、として保存CSS ファイル
小文字で記述する必要があります
名前付けには意味のある短い単語を使用します (またはチーム仕様)
コロンの後にスペースを追加します
セレクターと各属性はそれぞれ 1 行を占めます (セレクターと中かっこは必要ありません)別の行に置く必要があります)
インデント: 2 / 4 スペースを使用し、Tab キーは使用しないでください
セレクター名とセレクター名の間に空行 (2 つのスタイル セレクターの間に空行) 終わり各スタイルはセミコロンで区切る必要があります
- ログイン後にコピーログイン後にコピーログイン後にコピー
换行：出现块级元素(div、p)，列表元素(ul,ol),表格元素(table) 换行，行内元素大于80换行
ログイン後にコピー - ログイン後にコピーログイン後にコピーログイン後にコピー
- 書き方の順序
- css は、 配置が最初、詳細が二番目
- という順序で記述します。
- ディスプレイモード表示
- 位置決めまたは浮動メソッドposition、float、clear 上下左右の位置オフセット左、上、右、下
- text line-height, text-align
- その他雑多な項目
- Z-indexの使用仕様
- モジュールCSSを使用する場合、原則として以下の仕様に従う必要があります絶対的な位置決めですが、強制はされません。開発プロセス中は、絶対配置レイアウトの使用を減らし、レイアウト マネージャーを使用してレイアウトを管理します。
- マップ: 使用されるインデックスの範囲は 0-99
- で、タイル マップ、カスタム レイヤー、凡例、レイヤー管理などが含まれます。
- インターフェイス ビジネス モジュール: 使用されるインデックスの範囲は 100-199
- 、水体制 Real -タイムリストなど
- で、設定パネル、プロンプト ボックスなどを含みます。
<strong>编程风格</strong>
高さ、幅
内外マージン、パディング
ボーダー
背景color
font text font700-799
であり、著作権、ファイリング、テクニカルサポートなどが含まれます。ナビゲーション: 使用されるインデックス範囲は800-899
で、ロゴも含まれます、システム名、ナビゲーション バー 待機ポップアップ ボックス: 使用されるインデックスの範囲は
- 900 ～ 999
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7469
15
1376
52
77
11
19
29
＆lt; Progress＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:34 PM
この記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合
＆lt; datalist＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:33 PM
この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
HTML5のクロスブラウザー互換性のベストプラクティスは何ですか？
Mar 17, 2025 pm 12:20 PM
記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。
＆lt; meter＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:35 PM
この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex
HTML5＆lt; time＆gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素？
Mar 12, 2025 pm 04:05 PM
この記事では、html5＆lt; time＆gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ（ISO 8601形式）のDateTime属性の重要性を強調し、Accessibilitを増やします
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。
ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？
Mar 20, 2025 pm 05:56 PM
この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
