390 件のレッスンと 322 件のレッスン動画が見つかりました。

#04 headerのマークアップを進めよう PREMIUM

実践!ポートフォリオサイトを模写しよう
全体の構成を確認したのち、headerのマークアップを進めていきます。

#05 便利なカラーコードを確認しよう PREMIUM

実践!ポートフォリオサイトを模写しよう
Web制作で便利な、黒から白のグラデーションを表すカラーコードを紹介していきます。

#06 要素のスタイルをリセットしよう PREMIUM

実践!ポートフォリオサイトを模写しよう
スタイリングがしやすいように、ブラウザがデフォルトでつけているスタイルをリセットしていきます。

#07 要素を中央揃えにしていこう PREMIUM

実践!ポートフォリオサイトを模写しよう
要素を中央揃えする際によく使われる、margin: 0 auto;とtext-align: center;の違いについて見ていきます。

#08 余白の考え方を確認しよう PREMIUM

実践!ポートフォリオサイトを模写しよう
ある領域内で要素が縦に並んでいる際に使える、余白の考え方について紹介していきます。

#09 mainのマークアップを進めよう PREMIUM

実践!ポートフォリオサイトを模写しよう
main内の構成を確認した後に、必要な要素を配置していきます。

#10 セレクターの選び方を確認しよう PREMIUM

実践!ポートフォリオサイトを模写しよう
どのセレクターを使ったら良いか迷った場合の考え方を紹介していきます。

#11 見出しのスタイリングを進めよう PREMIUM

実践!ポートフォリオサイトを模写しよう
main内で使われているh2、h3タグのスタイリングを進めていきます。

#12 中央揃えの考え方を確認しよう PREMIUM

実践!ポートフォリオサイトを模写しよう
margin: 0 auto;とtext-align: center;の違いを理解しつつ、要素を中央揃えにしていきます。

#13 main内の余白を設定しよう PREMIUM

実践!ポートフォリオサイトを模写しよう
以前に紹介した余白の考え方を使ってmain内のレイアウトを整えていきます。