CSS

 

2019年08月29日

 

 

目次

  1. CSSとは?
  2. 必要となる前提知識
  3. 学ぶと何ができるようになるのか?

CSSとは?

説明

  • CSSは、“シー・エス・エス”と読みます。
  • CSSは、Cascading Style Sheetsの略語です。
  • CSSは、Webページをデザインするための言語です。
  • CSSは、Cascading(カスケーディング)の名の通り、HTMLの親要素に対して指定したスタイルが子要素へ段階的に受け継がれていく特徴を持っています。
  • CSSは、Webページが、パソコンで表示された時、プリントアウトされた時、テレビで表示された時、など、それぞれの場合によって別々のデザインを指定することができます。

 

歴史

年月 説明
1996年12月 Cascading Style Sheets level 1 (CSS1) 勧告
  • テキスト、背景、色、ボックス(マージン、パディング、ボーダー)、リスト、などのプロパティを定義。
1998年05月 Cascading Style Sheets level 2 (CSS2) 勧告
  • CSS1の上位互換。
  • 表示媒体(モニター、TV、紙など)ごとのスタイルシート適用可能。
  • 音声ブラウザ対応。
2011年06月 Cascading Style Sheets level 2 revision 1 (CSS2.1) 勧告
  • CSS2の改訂版。
  • CSS2仕様書の定義が不明瞭であり、複数のブラウザ間での非互換が生じたため、記述を明確化。
  • 複数のブラウザ間で相互運用性が確保できなかった機能のいくつかを削除。
2012年06月~ Cascading Style Sheets level 3 (CSS3) 勧告
  • CSS3以降はCSS2.1をベースとして、新機能の追加/改良をモジュールとする方針。
  • 各ブラウザはモジュール毎に対応可否を選択可。

 

記述例

CSSの記述例
@charset "UTF-8";
html {
  width: 100%;
  height: 100%;
  background:#FFFFFF;
}
/* ツールバー */
#toolbar > ul {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  background: #444444;
}

 

 

必要となる前提知識

  • HTMLを理解していること。

 

 

学ぶと何ができるようになるのか?

  • Webページのデザインができるようになります。
  • Webページに動き(アニメーション)をつけることができるようになります。
  • HTMLを使ったスマートフォンアプリ画面のデザインができるようになります。

 

 

 

 

Programming Style