半歩ずつでも前に進めば変わっていく

Kozue Blog

プログラミング 学習 記録

プログラミングで月収5万円になるまでの記録4日目

更新日:

こんばんは、こずえです。
プログラミング学習記録4日目です。
前回に引き続き「はじめてのCSS入門講座」を進めました。
今回はインプットがメインになりました。

合計学習時間

前回までの時間:4.50[h]
今回の時間:1.50[h]
合計時間:6.00[h]

学習内容

はじめてのCSS入門講座

メモ

構造的な疑似要素

子要素についての動的な判別によるセレクタ

  • 最初の子要素 (:first-child)
  • 最後の子要素 (:last-child)
  • 唯一の子要素 (:only-child)

サイズの指定方法

絶対的なサイズ
  • in (1in=25.4mm)
  • mm
  • cm
  • pt (72pt=1in=6pc)
  • pc (1pc=12pt)
相対的なサイズ
  • ex ”x”の高さを基準(=1)とするときのサイズ
  • em 1文字分の高さを基準(=1)とするときのサイズ)
  • px 画面のドット(解像度)1つ分が1px
  • %

単語による指定方法

プロパティに対して決まっているもの
以下抜粋

  • align (center / left / right)
  • vertical-align (middle / top / bottom)
  • margin (auto)

CSSのルールについてのもの

inherit (親要素であるタグの設定を継承する)

エスケープ記号…”\”

色の指定方法

色名で指定する

デメリット:特定の色(W3Cという団体が決めているもの)でないと指定できない。
以下色名の例になります。

  • red
  • lightgreen
  • tomato
数値で指定する

10進数もしくは16進数で指定します。
RGB、HSL(色相[deg]・彩度[%]・明度[%])
アルファチャンネルが使用可能( rgba()、hsla() )

色相、彩度はあまり気にしたことがなかったのでWikipediaの冒頭部分を流し見しました。
色相について:Wikipedia
彩度:Wikipedia
明度:0~100%
アルファチャンネル:透明度(0~100%)

フォントの指定

font-family

font-family: フォント名;

serif…明朝体
sans-serif…ゴシック体
monospace… 等幅フォント、固定幅フォント

文字の太さの指定

名称で指定する
  • normal:通常
  • bold:太い
  • bolder:やや太い
  • lighter:やや細い
  • inherit:親要素の指定を継承
数値で指定する

指定範囲:100~900
一般的には100単位で指定します。

補足

フォントファイルで対応しきれない場合、指定が無視される場合がある。(ブラウザがフォントファイルをもとにエミュレートができない場合)

フォントファイルには基本的にnormalとboldが含まれているが、それ以外は確認が必要。

-プログラミング, 学習, 記録
-, , ,

Copyright© Kozue Blog , 2019 All Rights Reserved Powered by STINGER.