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 フォームの値転送の例
vi/vim の紹介どちらもマルチモード エディターです。違いは、vim が vi のアップグレー...
データ分析の分野では、データベースは私たちの強力な助けとなります。クエリ時間を受け入れるだけでなく、...
MySQL は、スウェーデンの会社 MySQL AB によって開発され、現在は Oracle が所有...
今日、MySQL の新しいバージョン (8.0.21) をインストールしましたが、ノード フレームワ...
MySQL を初めて学ぶときは、区切り文字の本当の目的を理解していないかもしれません。区切り文字は、...
優れた HTML コードは美しい Web サイトの基礎となります。私が CSS を教えるときは、まず...
1. 分離マーカーを追加します。 ip netns add fd 2. 指定されたネットワーク カ...
1. ファイアウォールの基本的な使い方起動する: systemctl は、firewalld を起動...
まず第一に、私はウェブデザイナーです。具体的には、私は XHTML フロントエンド デザイナーです。...
フレーム:スタイル=”border-style:solid;border-width:5px;bor...
この記事では、参考までに、Baidu Mapsを使用して都市の位置特定を実現するVueの具体的なコー...
jsを使用して、中国語をピンインに変換するパッケージを作成しました。倉庫のアドレスはpinyin-p...
Baiduのインタビューで遭遇する質問は、次のレイアウト効果を達成する必要がある。 中央の紫色の列...
calc は数値を計算するために使用される CSS 関数です。長さ、角度、時間などを計算できます。 ...
ここ数年、私は自動化とコンピューターを行ったり来たりしてきました。最近は、機械学習に関連するプロジェ...