教室でも！会議室でも！Zoomでも！
学べるCSS基礎

CSS基礎

CSS基礎

CSS基礎のコース詳細です。

コース概要 CSSの基本文法を習得する。
対象者 ●CSSの基礎を習得したい方。
●見栄えのいいホームページの作り方を習得したい方。
習得目標 ●CSS を読めるようになる。
●HTML と CSS の関連性が理解できるようになる。
●レイアウトや動的なボタン作成の知識を得られるようになる。
受講期間 【 日中 】 ２日間（１２時間） 【 夜間 】 ４日間（１２時間）　※目安です。
教材 ●CSS基礎スライド（ PDF 版）　※IT研究所 制作
●章末問題と実習問題
受講料 ５５,０００円（税込み）
講座内容 第１章　CSSの概要
・1.1　CSSって何？
・1.2　CSSの役割って何？
・1.3　CSSを利用するメリット
・1.4　CSSの利用方法

第２章　CSSの環境設定
・2.1　CSSの開発環境
・2.2　CSSの開発手順

第３章　CSSの基本文法
・3.1　CSSの書き方
・3.2　CSSってどこに記述するの？
・3.3　メディアタイプを指定しよう！

第４章　セレクタ（１）
・4.1　セレクタの種類
・4.2　要素型セレクタ
・4.3　ユニバーサルセレクタ
・4.4　属性セレクタ
・4.5　IDセレクタ
・4.6　クラスセレクタ

第５章　セレクタ（２）
・5.1　セレクタの種類
・5.2　複数セレクタ
・5.3　子孫セレクタ
・5.4　子セレクタ
・5.5　隣接セレクタ

第６章　セレクタ（３）
・6.1　セレクタの種類
・6.2　ブロック要素とインライン要素
・6.3　疑似クラス
・6.4　疑似要素

第７章　色・背景関連プロパティ
・7.1　色・背景関連プロパティの種類
・7.2　色の指定方法
・7.3　文字色を設定しよう！
・7.4　背景色を設定しよう！
・7.5　背景画像を設定しよう！

第８章　フォント関連プロパティ
・8.1　フォント関連プロパティの種類
・8.2　フォントの大きさを設定しよう！
・8.3　フォントのスタイルを設定しよう！
・8.4　フォントの太さを設定しよう！
・8.5　フォントの種類を設定しよう！

第９章　テキスト関連プロパティ
・9.1　テキスト関連プロパティの種類
・9.2　文字表示位置を設定しよう！
・9.3　インデント（字下げ）を設定しよう！
・9.4　文字を装飾しよう！

第１０章　リスト関連プロパティ
・10.1　リスト関連プロパティの種類
・10.2　リストマーカーって何？
・10.3　リストマーカー文字を設定しよう！
・10.4　リストマーカー画像を設定しよう！

第１１章　ボーダー関連プロパティ
・11.1　ボーダー関連プロパティの種類
・11.2　ボーダーを設定しよう！（１）
・11.3　ボーダーを設定しよう！（２）

第１２章　幅・高さ関連プロパティ
・12.1　幅・高さ関連プロパティの種類
・12.2　幅を設定しよう！
・12.3　高さを設定しよう！

第１３章　マージン・パディング関連プロパティ
・13.1　マージン・パディング関連プロパティの種類
・13.2　マージンとパディングって何？
・13.3　マージンとパディングを設定しよう！

第１４章　表関連プロパティ
・14.1　表関連プロパティの種類
・14.2　表を設定しよう！

第１５章　表示関連プロパティ
・15.1　表示関連プロパティの種類
・15.2　はみ出た部分をどうする？
・15.3　ブロックとインラインを設定しよう！

第１６章　配置関連プロパティ
・16.1　配置関連プロパティの種類
・16.2　回り込みを設定しよう！
・16.3　回り込みを解除しよう！

第１７章　応用（１）
・17.1　HTML文書のレイアウトを設定しよう！

第１８章　応用（２）
18.1　楽しいボタンを作ろう！