2019-12-28から1日間の記事一覧

z-index

重なった要素に対して用います。 例えばこんな画面があるとします。 一見、Cと書かれた図形のみがあるように見えますが、実はAとBという文字が書かれた 図形が背後に隠れています。 HTML CSS z-index: 1; これを.boxBに追記すると、こうなります。 Bと書かれ…

vhについて

参考記事: ①【CSS】vh vwとは何か https://qiita.com/sanriyochan/items/be55bc9f544422d8456c ②使用したreset css https://meyerweb.com/eric/tools/css/reset/ htmlとcssを使用して、こんな画面を作りたい。 まずは、htmlで骨格を作ります(<head>タグ内で、vh.c</head>…

cssをhtmlで読み込む方法

HTMLとCSSのファイルを編集して、「よし!ブラウザで確認しよう」と思った時、「あれ?CSSが適応されていない・・・」となってしまったことがあったので、cssをhtmlで読み込む方法について記述していきます。 例えば、こんな画面があるとします。 HTMLはこち…