CSS values and units

The em unit means "parent elements font size".
These li inside this ul with a class of ems takes its sizing from its parents.
Each successive level of nesting
- gets progressively larger
- as each has its font size set to 1.3em
  - -1.3 times its parents font size.

The rem unit means "The root element's font-size".
Each successive level of nesting does not keep getting larger.
Your mission choices may be limited to:
- Your First Flight, accomplish a proficiency check in a trainer.
- Flight time randomly limited to obsolete aircraft training/missions for,
  - Ground crew moral/joy rides (TF-51D)
  - SAR missions

Percentages

I am 200px wide

I am 60% wide of parent element

I am 200px wide

I am 60% wide...

This <ul> example has font sizes set in percentages.
Each <li> has a font-size of 80%.
The nested list items become progressively smaller.
- As they inherit,
- sizing from parents.
  - Your mission choices may be limited to:
    - Your First Flight, accomplish a proficiency check in a trainer
      - Takeoff & land twice, no damage.
      - Afterward, one out of every third mission randomly assigned.

Numbers

Colors

Color keywords

antiquewhite

blueviolet

greenyellow

Hexadecimal RGB values

#02798b

#c55da1

#128a7d

RGB values

rgb(2, 121, 139)

rgb(197, 93, 161)

rgb(18, 138, 125)

RGBA values

rgba(2, 121, 139 .3)

rgba(197, 93, 161, .7)

rgba(18, 138, 125, .9)

Images

Position

Strings and identifiers

Functions

Test your skills: Values and units

Task 1

hex color
RGB color
HSL color
Alpha value 0.6

Task 2

Personas Personnel Gadget (S1)

Starting from your Personas first day the “Personas Personnel Gadget” is where your Personas records and statistics are created, filed and managed.

Callsigns

Unique & protected for each living Rising Thunder Persona. No Duplicate Callsigns. Callsigns are unique & protected, per each living persona. No “living” duplicates.