ホームページ > 記事 > ウェブフロントエンド > CSS についての私の理解について話しましょう
CSS についての私の理解について話しましょう
- 零下一度オリジナル
- 2017-06-24 11:46:292090ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：remの幅と高さが反映されない問題の解析次の記事：remの幅と高さが反映されない問題の解析