MENU

torikumuラジオ

コーディング基礎

CSS基礎

<img decoding="async" src="https://torikumu.com/member/wp-content/uploads/2019/07/tori04.png" alt="" class="c-balloon__iconImg" width="80px" height="80px">

トリペン先生

CSSは覚えることが多いのですが、Webサイトを作る上で外せない項目です！いきなり全部理解するのは難しいので、ざっと理解しておきましょう。

CSSの基本を理解しよう

1

CSSの基本の書き方

2

リセットCSSを活用しよう

基本となる指定方法

3

複数のセレクタへの指定・入れ子指定について

4

idとclassの使い方

テキスト関係のプロパティ

5

フォントの指定方法について学ぼう

6

テキスト周りのプロパティについて

背景・ボックスサイズ関係のプロパティ

7

背景のCSSプロパティについて

地味だけど大事なプロパティ

8

横幅と高さwitdhとheightについて

9

text-alignプロパティについて

10

borderとbox-sizingについて

余白を調整するプロパティ

11

間隔を調整するmarginについて

12

余白を調整するpaddingについて

HTMLの性質を調整するプロパティ

13

displyプロパティについて

レイアウト系のプロパティ

14

floatで横並びにする方法と使い方

15

横並びで使うflexについて学ぼう！

その他のCSS

16

overflowプロパティについて

17

CSSで特定の指定方法を使ってみる

CSSのルール

18

CSSの詳細度について

19

classの命名規則について

練習チャレンジ

20

【チャレンジ】テーブルレイアウトを組んでみよう！

21

【チャレンジ】フォームのコーディングをしてみよう！

ちょっと応用CSS

22

よく使う擬似クラスの使い方

23

めちゃくちゃ便利な擬似要素を使ってみよう！

24

初心者の壁！自由配置のpositionについて

25

トランジションでアニメーションの動きを作ろう

26

トランスフォームで要素の変化をコントロールしよう

27

CSSアニメーションの基本と使い方