みばえ●CSS

CSS(Cascading Style Sheets:カスケーディング・スタイル・シート)とは、ウェブページのスタイルを指定するための言語です。また、HTMLと組み合わせて使用する言語です。

ここでは、CSSを情報を装飾する、見栄えを指示するということで「みばえ」と呼んでみます。

HTMLがウェブページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定します。 例えば、ウェブページがスクリーンに表示される際の色・サイズ・レイアウトなどの表示スタイルや、 プリンタなどの機器で印刷・出力される際の出力スタイル、 音声で読み上げられる際の再生スタイルなど、 ウェブページをどのようなスタイルで表示・出力・再生するかについて指定することができます。


動画一覧 (全20回)

#01 CSSとは何か?
#02 CSSはどこに書くか?
#03 CSSの書き方の基本
#04 セレクタを理解する
#05 テキストのスタイル
#06 もっとテキストのスタイル
#07 背景のスタイル
#08 ブロック要素のスタイル
#09 境界線のスタイル
#10 余白のスタイル
#11 要素の回り込みと解除
#12 レイアウトを作る
#13 リストのスタイル
#14 表示のスタイル
#15 カーソルのスタイル
#16 セレクタの高度な指定方法
#17 擬似クラスについて
#18 セレクタの優先順位
#19 要素の位置指定
#20 要素の重なり指定


動画一覧 (全19回)

#01 CSS3とは何か? 
#02 ベンダープレフィックスとは何か?
#03 角丸をつけてみよう
#04 角丸を使ったテクニック
#05 色の指定と透明化
#06 ボックス要素に影をつけてみよう
#07 テキストに影をつけてみよう
#08 線形グラデーションをつけてみよう
#09 円形グラデーションをつけてみよう
#10 要素を変形させてみよう (1)
#11 要素を変形させてみよう (2)
#12 簡単なアニメーションをつけてみよう
#13 キーフレームでアニメーション (1)
#14 キーフレームでアニメーション (2)
#15 属性セレクタを使ってみよう
#16 n番目に来る要素を指定する
#17 ある要素のうち、n番目に来る要素
#18 要素の状態で指定するセレクタ
#19 CSS3のジェネレータを見てみよう