2020年

2/6ページ
CSS
  • 2020.08.13

2つのクラスがついているタグのみにCSSを適用する方法

2つのクラスがついているタグのみにCSSを当てることも可能です。 たとえば、 .title.big { background-color:pink; } この場合、titleとbigという2つのクラスが付されているところだけ、背景色をピンクにするCSSが適用されます。 index.html style.css ブラウザの表示   参考にしたYouTube

CSS

CSS widthをcalcを使って指定する方法 width: calc(100% / 3) etc.

CSSでwidthを指定するとき、calcを使って計算された値にすることができます。 たとえば、 width: calc(100% /2 ) と指定すると、ブラウザの横幅の半分にすることができます。 ブラウザの表示↓   width: calc(100% / 3) と指定すると、ブラウザの横幅の1/3の幅にすることができます。 ブラウザの表示↓   ちなみに、MDNリファレンス […]

CSS

CSS font-sizeを単位 rem で指定する方法

font-sizeを指定するとき、remという単位を使うことができます。 これは、HTML要素のサイズ(既定は16px)の何倍かという単位です。   たとえば、5remは80pxです。 5rem = HTML要素のサイズ 16px × 5   = 80px となります。 5remの表示(Google Chrome)   3rem は 48pxです。 3rem = 16px × […]

CSS

HTMLにCSSを適用する方法3つ

HTMLにCSSを適用する方法は3つあります。 ・外部スタイルシート ・内部スタイルシート ・インラインスタイル   外部スタイルシート これが最もよく使われる方法です。 <head>タグ内に<link>タグを追加し、CSSを読み込みます。 <link rel=”stylesheet” href=”style.css […]

1 2 6