CSS

スポンサーリンク
CSS

[new.css] HTMLだけで使うことができるCSSフレームワーク

概要 Bootstrap, Material-UI, VuetifyなどのCSSフレームワークは、独自のクラスをタグのクラス属性に割り当てなければならない。 new.cssを使うと、HTMLタグを記述するだけでモダンなウェブサイトを作成することができる。細かいデザインを実現することは難しいが、簡単なサイトであればキレイにまとめることができる。 使い方 <head></head>内に以下の2行を追加...
2020.10.19
CSS
CSS

ダークモードの場合にCSSを切り替える(prefers-color-scheme)

CSSのメディアクエリで、@media (prefers-color-scheme: dark) {// スタイル定義}とすると、ユーザーのOS設定がダークモードの場合のスタイルを定義することができる。 // ダークモードの場合 @media (prefers-color-scheme: dark) { body { background-color: #000; color: #fff; } }...
2020.10.15
CSS
CSS

【CSS】nth-of-type(n)はクラスに指定しても効かない？

概要 よく勘違いしてしまうのだが、CSSの擬似クラスnth-of-type(n)はクラスに指定した場合でもnの対象としてカウントされるのは要素(タグ)である。 サンプル <ul> <li class="hoge">11111</li> <li>22222</li> <li class="hoge">33333</li> <li class="hoge">44444</li> <li class="...
2020.08.20
CSS
スポンサーリンク