ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】CSS基礎文法入門
ホームページの見た目を制御することができるCSSについて基本的な使い方を学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
CSS入門 基本スタイリング編
CSSの基本的なスタイリング手法について学んでいきます。
0%
動画レッスン一覧
(23)
質問と回答
(11)
#01 CSSとはなにか?
(02:56)
無料公開中
概要
必要となる知識
必要となるツール
レッスンがカバーする範囲
仕様の確認方法
index.htmlの作成
未完了
#02 はじめてのCSS
(02:52)
無料公開中
styleタグ内での記述
style属性での記述
外部ファイルでの記述
未完了
#03 セレクタとプロパティを理解しよう
(02:46)
無料公開中
セレクタ
プロパティ
*
要素セレクタ
idセレクタ
classセレクタ
未完了
#04 もっとセレクタを使ってみよう
(02:40)
無料公開中
a, b
a b
a > b
a + b
ab
未完了
#05 属性セレクタを使ってみよう
(02:45)
無料公開中
属性セレクタ
未完了
#06 擬似クラスを使ってみよう
(02:52)
:first-child
:link
:visited
:hover
:active
:focus
未完了
#07 擬似要素を使ってみよう
(02:15)
:first-line
:first-letter
:before
:after
未完了
#08 セレクタの詳細度を理解しよう
(02:50)
詳細度
未完了
#09 プロパティの値を指定しよう
(02:47)
px
em
%
RGB/色名
未完了
#10 ボックスモデルを理解しよう
(02:57)
width
height
border
padding
margin
未完了
#11 borderで境界線のスタイルを変えよう
(02:24)
border-color
border-width
border-style
border
未完了
#12 paddingで余白を制御しよう
(02:32)
padding
未完了
#13 marginとmarginの相殺を理解しよう
(01:53)
margin
marginの相殺
未完了
#14 文字に関するプロパティを使ってみよう
(02:44)
color
font-size
font-family
font-weight
text-align
text-decoration
未完了
#15 list-styleでリストのスタイルを変えよう
(03:00)
list-style-type
list-style-image
list-style-position
list-style
未完了
#16 cursorでカーソルの形状を変えよう
(02:10)
cursor
未完了
#17 backgroundで背景スタイルを変えよう
(02:56)
background-color
background-image
background-repeat
background-position
background-attachment
background
未完了
#18 displayで要素の配置方法を変えよう
(02:51)
display
ブロックボックスとブロックレベル要素
インラインボックスとインラインレベル要素
未完了
#19 display:tableを使ってみよう
(02:42)
display:table
display:table-cell
display:table-row
未完了
#20 positionで位置を調整してみよう
(03:00)
position
未完了
#21 z-index、overflowを理解しよう
(02:57)
z-index
overflow
未完了
#22 line-height、vertical-alignを理解しよう
(02:40)
line-height
vertical-align
未完了
#23 float、clearを使ってみよう
(02:42)
float
clear
未完了
#03 セレクタとプロパティを理解しよう
id と class の使い分けについて教えてください
2017年10月25日
ブラウザで見たときに日本語が文字化けします
2017年10月25日
#04 もっとセレクタを使ってみよう
「h1, p」と「p.points」は、同じ意味でしょうか?
2017年10月25日
#05 属性セレクタを使ってみよう
コメントアウトをする時のショートカットキーを教えてください
2017年9月6日
#06 擬似クラスを使ってみよう
CSSのバージョンはどこかで宣言して使い分けできるのでしょうか?
2017年10月25日
#07 擬似要素を使ってみよう
:first-lineの表示のされ方
2017年10月25日
#10 ボックスモデルを理解しよう
body, html {}は、html, body {}と書いても問題ないのでしょうか?
2017年9月19日
#14 文字に関するプロパティを使ってみよう
フォントの種類はどれか一つを指定するのではないですか?
2017年6月3日
#15 list-styleでリストのスタイルを変えよう
list-styleで画像を使いたいのですがうまく反映されません
2017年10月25日
list-style と list-style-image の違いについて
2017年10月25日
#16 cursorでカーソルの形状を変えよう
文字以外の場所でもカーソルが変化してしまいます
2017年9月22日
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2015年3月25日
バージョン情報
CSS 2.1