N's Portfolio

学習記録・2023 10/14

CSSの基本構造について

  • HTML ファイルとは別に記述する場合
  • HTML ファイル内に記述する場合
  • HTML タグにインラインで記述する場合

セレクタの記載方法

  • 全称セレクタ
  • 型セレクタ
  •  id セレクタ（#）
  • class セレクタ（.）
  • 子孫結合子セレクタ
  • 子結合子セレクタ（>）
  • 隣接兄弟結合子セレクタ（+）
  • 一般兄弟結合子セレクタ（~）

幅・高さの単位

  • px（ピクセル値）
  • %（要素の割合（百分率））
  • em（要素の割合）
  • rem（ルート要素の割合）
  • vw（画面の表示幅の割合）
  • vh（画面の高さの割合）
  • calc 関数（値の計算）

色の指定方法

  • カラーネーム
  • #rgb（ハッシュ（#）で始まる 16 進数 3 桁）
  • #rrggbb（ハッシュ（#）で始まる 16 進数 6 桁）
  • #rrggbbaa（ハッシュ（#）で始まる 16 進数 8 桁）
  • rgb(r,g,b)（rgb 関数）
  • rgba(r,g,b,a)（rgba 関数）
  • hsl(h,s,l)（hsl関数）
  • hsla(h,s,l,a)（hsla関数）
  • 線形グラデーション（linear-gradient 関数）
  • 放射グラデーション（radial-gradient 関数）

練習問題：マークアップの練習

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしよう。
「レイアウトデザイン 練習問題①.zip」　

【動画】

本日の課題

本日学んだ内容を復習して整理しておこう。
ポートフォリオサイトの投稿ページ作成が出来る方は投稿ページにまとめておくと良い。

本日のテーマ② ※前回の続き

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしよう。
「求人応募について.pdf」　

【動画】

求人応募について (15:02)
「人材紹介」や「人材派遣」について
https://youtu.be/b0x_ejhjULk

人材紹介会社と人材派遣会社の違い (8:21)
https://youtu.be/lsG_Wb5WS0w

メリット・デメリットを考えていく上で
サービス内容の比較 (7:14)
https://youtu.be/LyhHIwEdv7Y

雇用契約による違い (7:09)
https://youtu.be/wsK5Ewtvjuw

それぞれのメリット (21:28)
https://youtu.be/rX10Ci2btF4

アルバイトとパート、正社員とアルバイトの違いとは？ (4:03)
https://youtu.be/C8p08gxnNfM

応募書類について・転職の昨今 (9:31)
https://youtu.be/uNdbHEY4ULs

転職準備はどうですか？ (7:09)
https://youtu.be/qZgrUsMQadI

スキルの整理・ 今後チャレンジしたい領域の整理 (6:01)
https://youtu.be/yAiYcpKCW4I

得意領域と挑戦したい領域の整理 ・情報収集のコツ (4:43)
https://youtu.be/dtuSwBJgs38

応募の際の注意点-履歴書- (4:18)
https://youtu.be/EovFXLwEDLY

応募の際の注意点-職務経歴書- (4:24)
https://youtu.be/-8MNWbo_4tQ

ポートフォリオ制作のコツと注意点・まとめ (15:08)
https://youtu.be/BLlOI5VpB7o

参考サイト