CSS についての私の理解について話しましょう-htmlチュートリアル-php.cn

CSS についての私の理解について話しましょう

零下一度

リリース： 2017-06-24 11:46:29

オリジナル

2119 人が閲覧しました

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 属性値を使用して、スタイルシートのラベル属性とスタイルを変更します。

構文: