CSSの使用法
- 高洛峰オリジナル
- 2016-10-08 15:36:181773ブラウズ
<br/>
Css（Cascading Style Sheets、Cascading Style Sheets）とは、Cssのオブジェクトプロパティを編集することでページを美化する効果を実現するページ美化手法です。 CSS の操作の基本単位はオブジェクトです。CSS の使用は、C++/C の関数のようなもので、定義、宣言、呼び出しを通じて使用されます。
CSS には 3 つのセレクター (オブジェクトの定義と使用方法) があります: タグ セレクター、カテゴリー セレクター、ID セレクター
CSS には 4 つの包含方法があります: インライン、埋め込み、リンク、インポート
タグ セレクター:
定義: 参照されるスタイル オブジェクト名 {タグ属性: 属性値; タグ属性: 属性値;…….}
例: h1,h2{text-align: center; タグ属性: 属性;値; …….} または
. クラス名 { ラベル属性: 属性値; タグ属性: 属性値 …….ラベル属性: 属性値;……..f45b5526ab8dd9c4e29680fb336df693
(*違い: 後者の形式は、クラス属性値がクラス名であるすべてのタグが、クラスで定義されたスタイルに従うことを意味します)
(例: .right{ は text-align: right;} と定義されています)を呼び出すと、正しい属性を持つラベルがクラスを通じて呼び出される限り、正しい属性が表示されます。2e9b454fa8428549ca2e64dfac4625cd; right”>… 8d338de14f8070ab23fca48c441a60c1…54bdf357c58b8a65c66d7c19c8e4d114; および他のタグはすべて右揃え属性を示します)
定義: # id 名 {タグ属性: 属性値; タグ属性: 属性値;…….}
例: #sample{font-family:宋体;
使用: 43c44e11f62ed21f612ceadcd1cfca8f……94b3e26ee717c64999d7867364b1b4a3
インライン:
セレクターを定義する必要はありません。style 属性を使用して要素を直接スタイル設定します
例: 2d356079865b954c9defee02a7190f44
Embedded:
まずセレクターを定義し、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1の間にスタイルシートを定義します。
例:
<html>
<head>
<title>xxxxxx</title>
<style type=”text/css”>
p{color: #000FF;}
.info{font-size: 12px;}
</syle>
</head>
</html>
リンクの種類:
定義されたオブジェクトは .css 拡張子を持つファイルに個別に配置され、必要な Web へのリンクには 2cdf5bf648cf2f33323966d7f58a7f3f タグが使用されます。ページ、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 の間。
例: 1bae5c5f4ef7c79273386b0982dac699
Import:
は、import メソッドを通じてインポートされることを除いて、link メソッドと似ています。 。
例: aefae21bbc7a4a6cbc13578aa0f535bd@import url(xxx.css);531ac245ce3e4fe3d50054a55f265927
CSS スタイルシートの優先順位:
リンクされたスタイル>外部リンク スタイル> ブラウザのデフォルト
<br/>