2020年8月

1/2ページ
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 × […]