css

css

単位の重要性について(px,%,em,rem,vw,vh…)

単位の重要性については、最近作品を作り始めて、重要性に気づきました。 これまでは、px,%を多用していましたが、vw,vhを使った方が良い場合が多いですね。 px:10pxだと、画面が小さくなろうと指定した1...
css

background-sizeについて

background-sizeは要素の背景画像の大きさを設定します。 一つずつ見ていきます。 値としては、contain:画像を切り取ったり縦横比を崩したりすることなく、画像ができるだけ大きくなるよう拡大縮小します。cover...
css

cssフォントサイズの指定の違いについて

cssのフォントサイズの設定で使う物は、大きく分けて2つです。1、絶対値:10pxと決めれば10pxになります。2、相対値:親要素のサイズによって変わります。 1、絶対値:px2、相対値:%,em,rem, 1、のpxについて...
css

cssで要素を中央に配置する方法

cssを使って、画像を中央に配置したいときどうしますか?今回は、それをいくつか紹介します。 早速行ってみます。 1、text-align: center;を使う(※インライン要素のみ)2、margin: auto;を使う(※ブ...
css

background-imageで画像をぼかさずフルサイズにする方法

background-imageで画像をぼかさずにフルサイズで表示する方法。 HTML<div class="img"> <img src=./img/a.jpg alt="" width="" height=""...
css

クラス名,id名 命名について

HTML,cssで作品を作っていて思ったのが、意外と、クラス名、id名についての設定で時間をとることが、多くなりました。 ブロックなど親要素で使えそうなclass名 container : コンテナmain : メインglob...
css

CSS ~しまぶーのIT大学~で改めて勉強できたこと

しまぶーのIT大学はわかりやすいです。ただ、完全な初心者向けとは言いづらいのかな? 自分としては、完全初心者向けの参考書で勉強してから見たら、「あぁ、なるほど」となります。 今回は、改めて理解したことを記事にします...
タイトルとURLをコピーしました