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

#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内のレイアウトを整えていきます。

#14 section内の余白を設定しよう PREMIUM

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

#15 footerのマークアップを進めよう PREMIUM

実践!ポートフォリオサイトを模写しよう
footer内の要素を確認したのちにマークアップを進めていきます。

#16 footer内のレイアウトを整えよう PREMIUM

実践!ポートフォリオサイトを模写しよう
borderやtext-alignを使ってfooter内のレイアウトを整えていきます。