Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

Webページを作成しよう！これから始める「CSS超入門」

HTMLの超入門講座！基本の基本からしっかり学習していくので、これからWeb系プログラミングを学習していきたい人の第一歩となります。是非こちらのコースでCSSの基礎を学習しましょう！

Created byオンサタデーズ

Last updated 6/2024

Japanese

What you'll learn

Webページのデザイン作成方法
CSSの基本構文
WEBページのスタイリングテクニック

Course content

8 sections • 52 lectures • 2h 19m total length

コースを始める前に0:21
開発環境を準備しましょう！2:14
ブラウザとテキストエディタを準備するための動画です。
必要な方のみ閲覧下さい。

【ダウンロードファイル】【テキスト】CSS基礎構文-第1章-0:03
CSSとは？2:42
CSSの書き方2:57
CSSの読み込み方3:39
CSSを記述してみましょう！2:56
スタイルの継承を理解しましょう！3:00
フォントを操作するプロパティ3:26
文字を中央に配置しましょう！3:56
MDNのサイトを活用しましょう！1:40

【ダウンロードファイル】【テキスト】CSS基礎構文-第2章-0:03
font-familyプロパティを見てみましょう！2:57
font-familyプロパティを使いましょう！3:18
line-heightプロパティを使いましょう！3:42
色の指定方法を見てみましょう！3:49
これまでとは違う方法で色を指定しましょう！3:44
backgroundプロパティを使いましょう！2:07
displayプロパティを見てみましょう！3:11
displayプロパティを使いましょう！3:44

【ダウンロードファイル】【テキスト】CSS基礎構文-第3章-0:03
list-style-typeプロパティ使ってみましょう！4:10
ulタグに対してスタイルを変更しましょう！3:01
list-style-positionプロパティ使ってみましょう！3:39
list-styleプロパティ使ってみましょう！4:20
id属性のセレクターを学習しましょう！3:47
class属性のセレクターを学習しましょう！2:27

【ダウンロードファイル】【テキスト】CSS基礎構文-第4章-0:03
特定の要素と特定のクラスを指定する方法を学習しましょう！2:58
様々なケースを学習しましょう！1:52
子要素を指定する方法を学習しましょう！3:59
直下の子要素を指定する方法を学習しましょう！2:43
直下の子要素を指定してみましょう！2:46
隣接セレクタを学習しましょう！3:55
擬似クラスを学習しましょう！2:50
実際に擬似クラスを使用してみましょう！2:13

Requirements

ご自宅のパソコンがあれば学習可能です！

Description

CSSの超入門講座！

基本の基本からしっかり学習していくので、これからWeb系プログラミングを学習していきたい人の第一歩となります。

是非こちらのコースでHTMLの基礎を学習しましょう！

・CSSって何？

・スタイリングする方法をみてみましょう！

・HTMLとCSSの関係

簡単なWebページスタイリングを作成する練習問題あり！

Who this course is for:

プログラミングをはじめてみたいという方
プログラミング初心者
Webページ作成をしてみたい方