おやじ50歳からがんばる50歳を過ぎて定年の時を考えて、今から何ができるか考えスキルを身に着けていく日々を投稿していきます。その1CSSでのサイズの指定については、ググってみると沢山の解説サイトが出てきます。自分のようにまだまだ勉強中のレベルだと、ほんとにいろいろと迷ってしまいます。調べて、また混乱する・・・って感じですね。自分なりに整理してみようと思いましたので、まとめていきます。単位、使い分け)サイズ指定px(ピクセル)は絶対値で指定する。%(パーセント)は、親要素に対する割合で指定する。em(エム)は、親要素のフォントサイズを基準に倍率を指定する。rem(レム)は、ルート要素のフォントサイズを基準に倍率を指定する。height)は、それぞれviewport(表示領域)の幅(width)もしくは高さ(height)を100とした場合の割合で指定する。単位には「絶対値」と「相対値」があります。他の要素のサイズなどに左右されず、指定したサイズから変動することがない「固定値」です。基準となる要素のサイズによって変わる「変動値」です。画面上の一番小さな単位(1ピクセル=ほぼ画面1ドット)を基準とした単位です。指定した数値がそのままのサイズになります。親要素のサイズを基準に割合(パーセント)で指定する単位です。当たり前ですが、100%=親要素と同じサイズになります。親要素のフォントサイズを基準とした単位です。親要素のフォントサイズが20pxであれば、「1em=20px」となります。親要素にフォントサイズが指定されていない場合、デフォルトのフォントサイズ(初期値)の「16px」が基準となります。ルート要素(htmlセレクタ)のフォントサイズを基準とした単位です。ルート要素のフォントサイズが10pxであれば、「1rem=10px」となります。ルート要素にフォントサイズが指定されていない場合、デフォルトのフォントサイズ(初期値)の「16px」が基準となります。height)※相対値viewport(ビューポート)とは?「viewport」はwebブラウザでwebサイトを閲覧しているときの表示領域(ウィンドウサイズ)のことです。width)」viewportの幅を100とした場合の割合で指定する単位です。表示領域の大きさにより変動します。viewportの幅が1,200pxの場合、100vh=1,200px、50vh=600pxとなります。height)」viewportの高さを100とした場合の割合で指定する単位です。表示領域の大きさにより変動します。viewportの高さが800pxの場合、100vh=800px、50vh=400pxとなります。次回は使い方をまとめていきます。決まった使い方はないみたいですが、いろいろなサイトを見て自分なりにまとめていければと思います。これまでの記事も、もう一回見直して再編集していこうと思います。オリジナルテーマ作成5すこし時間があきましたが、これまでの学習方法としては・「WordPressオリジナルテーマ制作入門」を使った学習・「ちゃんと学ぶ、WordPressテーマ開発講座」による動画(Udemy)を実践してきました。オリジナルテーマ作成2WordPressオリジナルテーマを制作するための学習についての記事です。4「progate」での学習を進め、一旦、上級編までを一通り終わらせました。サイトを検索すると、webサイトに動きをつける方法を見つけることができます。いったサイトを参考にして制作しているサイトに埋め込んでいくことで、簡単に実装することができると思...HTML&CSS模写コーディング終了やっと、1回目の模写コーディングが終了しました。1か月くらいかかってしまいました(時間かけすぎ)今回の模写での反省や気付きを次回、キチンて整理してアップしていきたいと思います。疲れました...次回も頑張ります。HTML&CSS表やリストの使い分け(dl,table,ul/ol)引き続きWordPress化について取り組んでいますが、やっていた課題の中で表(リスト)を表示させる部分がありました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δホーム50代からの挑戦HTML&CSSこれを書いている人サトル神戸に住む50代オヤジです。50歳を過ぎてからこの先のことをいろいろと考えるようになりました。52歳になってから転職した普通の会社員です。趣味でドラムを叩いたり、たまにサンバチームでも太鼓を叩いています。このブログはWordPressの勉強のために始めました。サトルをフォローするリンク私が参加しているサンバチームです。InstagramTwitter(準備中)FacebookHomePage書籍購入ではいつもお世話になっています。このブログで使っているレンタルサーバーです。このドメインはこちらで準備しました。おやじ50歳からがんばる.ホーム検索トップサイドバ。