ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/11/12
NEW
【週刊ドットインストール】 256timesのクラスを運営中、Figmaのロードマップページを公開!
712
レッスン
1391
質問と回答
0
文字起こし
0
ソースコード
390
件のレッスンと
322
件のレッスン動画が見つかりました。
#14 section内の余白を設定しよう
実践!ポートフォリオサイトを模写しよう
以前に紹介した余白の考え方を使ってsection内のレイアウトも整えていきます。
#15 footerのマークアップを進めよう
実践!ポートフォリオサイトを模写しよう
footer内の要素を確認したのちにマークアップを進めていきます。
#16 footer内のレイアウトを整えよう
実践!ポートフォリオサイトを模写しよう
borderやtext-alignを使ってfooter内のレイアウトを整えていきます。
#17 footerのスタイルを完成させよう
実践!ポートフォリオサイトを模写しよう
文字サイズや色、余白を設定してfooter内のスタイルを完成させていきます。
#02 macOSで作業用フォルダを設定しよう
実践!ECサイトを模写しよう
作業用フォルダをmacOSで設定する手順について見ていきます。
#03 Windowsで作業用フォルダを設定しよう
実践!ECサイトを模写しよう
作業用フォルダをWindowsで設定する手順について見ていきます。
#04 headerのマークアップを進めよう
実践!ECサイトを模写しよう
headerのマークアップを進めたのちに、要素についているスタイルをリセットしていきます。
#05 コンテンツに最大幅を設定しよう
実践!ECサイトを模写しよう
常に左右に余白を設けつつ、コンテンツに最大幅を設定していきます。
#06 商品一覧のマークアップを進めよう
実践!ECサイトを模写しよう
商品一覧をリストとしてマークアップしていきます。
#07 要素のスタイルをリセットしよう
実践!ECサイトを模写しよう
要素についているスタイルのリセットや、文字サイズの設定を進めていきます。
前へ
45
46
47
48
49
50
51
52
53
54
55
次へ