ホームページ >ウェブフロントエンド >htmlチュートリアル >牛肉ブリスケットの CSS 入門_html/css_WEB-ITnose

牛肉ブリスケットの CSS 入門_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:52:501022ブラウズ

関与する、関与する、

Web ページの表示効果を向上させるには、Web ページのソース コードの対応する部分を見つけて変更する必要があります。このような Web ページは何千もあるのですが、それらを 1 つずつゆっくりと修正するだけでよいでしょうか?いいえ!法写 伝統的な文章は内容も文体も一緒に書かれており、メンテナンスがあまりにもひどいです。ここで、テキストの内容とその表示効果の定義を分離する方法を見つける必要があります。CSS の最大の特徴は、ページの表示効果を柔軟に変更できるようにすることです。これは、以前に構成ファイル config にアクセスしたことと似ています。具体的にはどうすればいいのでしょうか?下に目を向けると、以下の図に示すように、まずスタイル テーブルを追加し、次に styleSheet1.css に次のコードを記述する必要があります。

実行結果は次のとおりです。

これは、スタイルシートで Web ページのスタイルを設定することで Web ページの表示効果を制御する、いわゆる CSS 技術です。表示効果の場合は、スタイル シートで対応する変更を行うだけでよく、これは特に柔軟で便利です。 CSSといえばCSSセレクターですが、動画の説明によると、大きく分けてクラスセレクター、IDセレクター、HTMLタグセレクターの3種類があるそうです。

类选择器と ID 选择器の定義は次の図に示されています:

最後のHTML标签选择器、如果你认真看了、那么上の CSS の例の時のため、どのように使用するかを必ず知っています。作成者は HTML タグ セレクター、つまり body{ } を使用し、中括弧内に特定のスタイル設定コードを記述します。さまざまな CSS セレクターの使用方法については、今後のブログ投稿で詳しく紹介しますので、ここでは詳しく説明しません。この記事では主に CSS とは何かを説明し、直感的かつわかりやすく説明します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。