ホームページ > 記事 > ウェブフロントエンド > cssスタイルの詳細な記述例
cssスタイルの詳細な記述例
- 高洛峰オリジナル
- 2017-03-04 10:38:322115ブラウズ
CSS には 3 つの記述形式があります
インライン スタイル: スタイルをインラインで記述することを意味します
たとえば、6461c6dfca0a6eeeab98debb3c9d2399 は、インライン スタイルを使用して色を記述します。 94b3e26ee717c64999d7867364b1b4a3
は 6c04bd5ca3fcae76e30b72ad730ca86d (フォントの色と背景色) と 6c04bd5ca3fcae76e30b72ad730ca86d 内のタグにのみ適用されますが、head、title などの 6c04bd5ca3fcae76e30b72ad730ca86d の外側のタグには適用されません。タグ
埋め込みスタイル : style 内のすべてのスタイルをアンインストールするには、style を使用します。
例:
<head>
<style>
p{
color:red;
background:blue;
border:1px solid green;
}
</style>
</head>
<body>
<p>用内嵌方式编写我的样式</p>
</body>
外部リンクスタイル: 人気のポイントは外部スタイルで、リンクスタイルを使用して外部.cssファイルに接続します。
例:
<head> <link style="stylesheet" href="class.css" type="text/css" /> </head>
はい、CSS スタイルを別の .css テキストに記述し、リンクしてページにスタイルを表示するだけです。ただし、ファイルに注意してください。パス！ ！ ！パスが間違っていても問題ありません
個人的には、CSS コードとレイアウト コードを分離し、コードをより編集しやすく、読み込みを高速化する外部スタイルを使用することをお勧めします。
上記の CSS スタイルを引用するための記述形式の詳細な説明は、すべて編集者が共有した内容であり、参考になれば幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。
CSS スタイルの記述形式の詳細な例と関連記事については、PHP 中国語 Web サイトに注目してください。