1. スタイルシートの先頭にコメント ブロックを追加して、スタイルシートの作成日、作成者、タグ、その他のメモを記述します。 コードをコピー コードは次のとおりです。ソースコードの例: /* --------------------------------- サイト: サイト名 著者: 52CSS.com 更新日時 更新者: 名前 --------------------------------- */ 2. 公的なカラーマーキングを含む コードをコピー コードは次のとおりです。ソースコードの例: /* --------------------------------- 色 本文の背景: #def455 コンテナの背景: #fff 本文: #333 リンク: #00600f 訪問したリンク: #098761 ホバーリンク: #aaf433 H1、H2、H3: #960 H4、H5、H6: #000 --------------------------------- */ 3. IDとクラスに意味のある名前を付ける<br />推奨されない命名方法: ソースコードの例: コードをコピー コードは次のとおりです。.green-box { ... } #大きなテキスト { ... } 推奨される命名規則: ソースコードの例: コードをコピー コードは次のとおりです。.pullquote { ... } #導入 {... } 4. 関連するスタイルルールを統合する ソースコードの例: コードをコピー コードは次のとおりです。#ヘッダー { ... } #ヘッダー h1 { ... } #ヘッダー h1 画像 { ... } #ヘッダーフォーム{...} #ヘッダー a#スキップ {...} #ナビゲーション { ... } #ナビゲーション ul { ... } #ナビゲーション ul li { ... } #ナビゲーション ul li a { ... } #ナビゲーション ul li a:hover { ... } #コンテンツ { ... } #コンテンツ h2 { ... } #コンテンツ p { ... } #content ul { ... } #content ul li { ... } 5. スタイルに明確なコメントを追加する ソースコードの例: コードをコピー コードは次のとおりです。/* --------------------------------- ヘッダースタイル --------------------------------- */ #ヘッダー { ... } #ヘッダー h1 { ... } #ヘッダー h1 画像 { ... } #ヘッダーフォーム{...} /* --------------------------------- ナビゲーションスタイル --------------------------------- */ #ナビゲーション { ... } |
>>: get メソッドによる HTML フォームの値転送の例
ウェブを閲覧しているときに 404 ページに遭遇することはあまりないので、見落としがちです。しかし、...
CentOS6.9+Mysql5.7.18 ソースコードのインストールでは、以下の操作を root ...
MySQL では、REVOKE ステートメントを使用してユーザーの特定の権限を削除できます (ユーザ...
目次概要4つの例例1: 誕生日で説明する約束の基本例2: 数字当てゲーム例3: Web APIから国...
この記事では、Windows Server オペレーティング システムのインストールと企業でのそのア...
目次序文vue.config.js 構成オプションパッケージサイズを縮小するためのパッケージの最適化...
この記事の例では、タイムライン再生コンポーネントを実装するためのVUEの具体的なコードを参考までに共...
HTML 検証はHTML 検証を指します。これは、HTML ドキュメントを分析し、標準の HTML ...
目次01 背景02 はじめに03 ワークフロー04 いくつかの質問05 ファイルをバックアップする0...
コードを見てみましょう:コードをコピーコードは次のとおりです。 < !DOCTYPE html...
環境準備:複数のコンテナに基づいてホストに lnmp をデプロイします。 nginx サービス: 1...
Centos7はyumを使用してMySQLをインストールし、リモート接続を実現する方法です。MySQ...
目次まず、値の一部と一致させるために使用される特殊文字であるワイルドカードについて簡単に紹介します。...
目次1. 動詞-if 2. <template> で v-if を使用する3. キーを使...
目次導入:感情のインストール:一般的な CSS コンポーネントを追加します。既存のコンポーネントにス...