IES: CSS-deck 4 Flashcards
deck made you both I would stay with
CSS color names: w (3)
- wheat
- White
- white smoke
CSS color names: y (2)
- yellow
- Yellow green
color code forms
- RGB
- Color name
- Hexadecimal number
- HSL
- the alpha value (or opacity value: usually the 4th value) (can be used with RGB, HEX #, and hsl only)
hexadecimal number calculation: RGB
- numbers go from 0 through f (0 being 0; f being 15)
- Hexadecimal means values are calculated using a 16 digit base (normal numbering has a 10 digit base: 0 to 9)
- To calculate each two digit number value, you do the following:
1.) you multiply the second digit by 16 to the zero power (any digit to the zero power is equal to 1), so you multiply the second digit by 1. okay here we go7
2.) multiply the first digit by 16 to the first power (any digit to the first power is equal to that same digit), so you multiply that first digit times 16.
3.) now, Add the first result with the second result and you have your number for that section of the hexadecimal-whether it be R or red, G or green, or B or blue,
hexadecimal number calculation: A, alpha, or opacity value
1.) Multiply the opacity decimal value times 255.
2.) Fraction won’t convert to hexadecimal, so round number to the nearest whole number.
3.) Divide the result by 16 (the answer before the decimal is your first digital value for alpha)
4.) Multiply what’s behind the decimal by 16 (the answer is your second digital value for alpha
RGB number calculation: A, alpha, or opacity value
1.) take the given opacity percentage
2.) change the opacity percentage to a decimal
3.) the alpha or opacity value should be between 0.0 and 1.0
HSL number calculation
- H: hue
- S: saturation
- L: lightness
- Hue is a degree on the color wheel from 0 to 360 (0 is red, 120 is green, and 240 is blue).
- Saturation is a percentage value. 0% means a shade of gray, and 100% is the full color.
- Lightness is also a percentage. 0% is black, 50% is neither light or dark, 100% is white
- The alpha or opacity value should be between 0.0 and 1.0 (0% to 100%) shit damn bitch fuck your ass fuck you up the ass so I would prefer to do I just saw it you know what I don’t think I turn that shit off so I put on my phone again see that shit all over it yep she is definitely good looking woman but to prefer for everybody you see that’s kind of very mm-hmm he was his three for the highest is 128
HSL hue color numbers
- red: 0 degrees
- green: 120 degrees
- blue: 240 degrees
CSS: setting the background
- the background can be set in two different ways:
1. Background shorthand property: values can be specified in a space-separated list (values should appear in the listed order, but any value can be omitted)
2. Individual properties: these can be specified to background-color, background-image, background-repeat, background-position, and background-attachment.
Background image property order code
- background: color url(image.png) repeat position attachment;
Background image default
- positioned at element top left corner
- Placed on a layer above the background color
- Image repeatedly tiled across the element area
- Has a scroll value (relates to the viewport): image will scroll along with the page
Repeat-x
- modifies default background tiling behavior
- Restricts tiling pattern to one horizontal row
Repeat-y
- modifies default background tiling behavior
- Restricts the tiling pattern to one vertical column
No-repeat
- modifies default background tiling behavior
- Value that restricts the image to a single copy placed at the top left corner
Background property position values
- horizontal: left, right, and center
- Vertical: top, bottom, and center
- scroll (default value)
- Fixed-property specifying position of the image relative to the viewport when the page gets scrolled (fixed is the opposite of scroll)
