1日目は簡単なHTML、2日目は簡単なCSSについてお話しました
まずは、引用方法と使い方についてお話します。 !
1. 内部スタイルシート（
<span style="color: #008080">1</span> <span style="color: #800000"><head><span style="color: #008080">2</span> <span style="color: #800000"> <style></span><span style="color: #008080">3</span> <span style="color: #ff0000"> div{
4 color:red:
5 }</span><span style="color: #008080">6</span> <span style="color: #800000"> </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span></p>
<p>【ヒント】：赤い部分がスタイル、要素セレクターです</p>
<p> </p>
<p> 2. インラインスタイルシート（Styleタグに記述） )</p>
<div class="cnblogs_code"><pre class="brush:php;toolbar:false"><p style="color: red;"></p>注: 構文は 属性と属性値を二重引用符で囲む必要があります!
3. 外部スタイル シート (外部 CSS スタイル シートの導入) は head に配置するのが最適です
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <link rel="stylesheet" href="xxx.css?1.1.11"><br> </head><br></span>
注: "stylesheet" //スタイルシート
href //アドレス
xxx.cssのxxxはファイル名で、カスタマイズしたファイル名です(サフィックスの.cssは変更できません!)
そこです！は CSS セレクターでもあります! セレクターは CSS スタイルシートの重要な部分です
CSS セレクター
1. 要素セレクター
div、p、span、hr など、多くの要素は中括弧に直接接続されています。要素セレクター
2. ID セレクター (id)
id 属性値を使用して、スタイル シートのラベル属性とスタイルを変更します。
構文:
{ :; :; }その後、彼の効果は次のようになります:
以上がCSS についての私の理解について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
