他言語サイト
翻訳はみつかりませんでした

はじめてのWeb - CSS3の技術情報

CSSは、HTMLで定義されたウェブコンテンツに装飾を付ける技術です。

スマホやタブレットなどいろいろなデバイスに対応する(レスポンシブデザイン)ことが必須になっていることで、ますます専門性・重要性が高まっています。

いま、CSSはレベル3まで策定・勧告されています。そのCSS3について情報を発信します。

まだ自分で答えを探す方法を見つけていません。行動する前に、世の中にあふれている情報は見すぎると分からなくなります。とりあえず『良い!』と思ったものは、取り入れて一直線に突っ走りましょう。

まだ、間違いに気付かなくてもいいです。間違いを治せるほど経験が無いのですから。

かんたんCSS リストのマーカー(点)を消す方法

CSS ロゴ

HTMLのul, ol, liタグで作ったリストのマーカーを消す方法は、とても簡単で、ソースコードのサンプルを使って説明するのですぐに終わります。

リストのデフォルトでは、黒い点や連番が左端についています。リストは、メニューなどで応用されて使われるので、マーカーが邪魔になります。また、独自のマーカーを作成することもあります。

このように、リストのマーカーを消す場面は多いです。マーカーの消し方がわからない人のために、わかりやすく簡単に説明します。

続きを読む

かんたんCSS vw,vh,vmin,vmax: 端末サイズ単位の使い方

CSS ロゴ

CSS3からvw,vh,vmin,vmaxが追加されました。

これは、新しい相対値(倍率)指定ですが、%との違いが分からない人もいると思います。

また、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。

続きを読む

かんたんCSS em,rem: フォントサイズ単位の使い方

CSS ロゴ

CSSのサイズ指定でよく使われるのは、px,%,em,remです。CSS3からem,remが追加されました。

まだ、em,remとpx,%の違い、どこで使うのか分からない人のために、ソースコードのサンプルを入れながら、かんたんに分かりやすく説明します。

続きを読む

  • by Google Ads

かんたんCSS margin,padding: 余白の設定とボーダーとの関係

CSS ロゴ

HTMLのコンテンツに余白を入れる方法です。作業はすべてCSSで行います。

余白の種類は2つあり役割が違います。それが分かると、余白の考え方はとてもかんたんです。

余白はボーダー(枠線)と関連しているので、それも合わせて、ソースコードのサンプルで誰にも分かるように説明します。

続きを読む

初心者でも分かる解説。CSSってなんだ? CSS3とは?

CSS ロゴ

CSSの超入門編です。初心者にも分かりやすく、専門用語を使わずに解説します。

CSSは、HTML, JavaScriptと並んで、Webサイト作成にはなくてはならない技術です。

これを読めば、CSSの役割、CSS3の『3』の意味も分かります。(バージョン番号ではありません。)

『いまさら見直すのは恥ずかしい』という人にもオススメです。

続きを読む

この記事を気に入ったらぜひシェアも!!