こんにちは、WEBマーケッター山田祐輔(@yusuke_6216)です。今回は、「これだけは抑えておくべきCSSコード20個」について解説していきます。そもそもCSSってなに?という方のために簡単にご説明いたします。Sheets、カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。ワープロソフトなどで作成される文書も含めて、文書のスタイルを指定する技術全般をスタイルシートといいます。出典元:HTMLクイックリファレンス上記に書かれているように、CSSとはウェブページのスタイルを指定するための言語を指します。簡単にいうと、HTMLに指示を出す司令塔の役割をCSSが担っているというイメージが近いでしょうか。#000000などの色コード文字の色を変更する。文字の太さを太く(数値で700)100~900100,200,300,400,500,600,700,800,900でフォントの太さを指定します。太さが9種類に対応しているフォントのみ可能。sans-serif;フォントの種類を指定する。カンマで区切り、先に記述したものが優先的に適応されます。Windowsはヒラギノが入っていないのでメイリオが選択され、Macではヒラギノが優先されます。文字をセンタリング(真ん中寄せ)にする。テキストに装飾をしない。テキストに下線を引く。テキストに上線を付ける。テキストに打ち消し線を引く。文章の行間を設定する。文字に対する%で指定。10pxの文字に200%と指定すると、20pxの行間と同じになる。数値のみで指定1.5と指定すると、150%と同じになる。指定した要素を左に寄せます。指定した要素を右に寄せます。左寄せ、右寄せされた要素に対する回り込みを解除します。一括で外側の余白を指定する。時計回りで考えると覚えやすいです。一括で内側の余白を指定する。時計回りで考えると覚えやすい。色要素に境界線を貼る。この場合、上下左右に境界線がつきます。images/bg.jpg部分に画像のパスを入れる。縦方向背景画像の表示開始位置を指定する。left,center,rightや、top,center,bottomといった位置を表すキーワードで指定します。いかがでしたでしょうか?今回は、「これだけは抑えておくべきCSSコード20個」について解説しました。いいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。RECOMMENDこちらの記事も人気です。