#も.も無いものはHTMLタグを指すセレクタの前に#も.(ドット)もない場合、HTMLのタグを指します。0px;}asideタグは、コンテンツの横にあるメニュー領域を指すもの。mainタグはbodyタグ内のメインとなるコンテンツの部分を表すタグ。HTMLタグをセレクタとすることも可能。複数のセレクタを指定する場合はカンマ(,)で区切る言葉のまま。複数のセレクタを一度に指定する場合は、カンマ(,)で区切る。red;}セレクタの間の半角スペースは子要素への適用という意味ある要素の中の子要素について指定する場合、半角スペースで区切りる。この例の場合、asideタグの中のexampleクラスだけに対して適用される。10px;}継承(Inheritance)入れ子構造になっている親要素のCSS属性が子要素にも引き継がれる、というのが「継承」(Inheritance)。継承される属性と、されない属性があるので、注意が要ります。}ブラウザには以下のように表示されます。color(文字色)は継承されるこの段落にborderは継承されないdivのcolor(文字色)を赤に指定し、子要素のp(段落)でも同じ文字色で表示されています。継承されない属性もある属性によっては、子要素に継承されないものがあります。上の例ですが、border属性は子要素(p)に継承されていません。border属性も継承されているならp(段落)も枠線で囲まれるので、2重の枠ができるはずです。されていないので、border属性は継承されていないということになります。継承されない属性値の一覧は以下の記事でまとめています。標準では継承しない属性値の継承を強制させることも可能。その場合、CSSの子要素のの属性値に、明示的に継承を明記する。具体的には、継承する子要素の属性値としてinheritを記述する。HTMLは以下のとおり。class="example3">この段落にborderは継承される</p></div>CSSは以下のようにします。}以下のように表示される。この段落にborderはされないこの段落にborderはされる以上です。Firefox)のデベロッパーツールに関する有益そうなサイトのまとめ記事。ReactとVue.jsについても。HTML+CSStarget=”_blank”は悪用の危険性があるので要対策web.devで以下の記事を見つけました。ちなみに、web.devはGoogleが運営するサービスで、サイトの分析を計測したり、他にもwebに関する有益な情報を発信しています。XDは便利だったという話。人向けにWebサイト作成の大まかな流れにも少し触れます。HTML+CSS【HTML】表のセル結合をExcel・無償ツールで簡単に作る方法HTMLの表でセル結合をつくるのは結構面倒です。4を使った方法とExcelを使った方法を紹介します。HTML+CSSCDNのリソースを使う時はSRIを利用したほうが良いCDNのSRIは、リソース(CDN上のデータのこと)の改ざんを検証するためのものです。利用できるなら、利用したほうがセキュリティ上は安全でしょう。本サイトについて情シスSE(開発業務もしています)。本サイトは主に勉強のアウトプットが目的です。Reserved.ホーム検索トップサイドバータイトルとURLをコピーしました。