CSS

A ___ consists of a property and a value - note that a semicolon (;) ends it all.

CSS declaration

HSL stands for

Hue, Saturation, and Lightness

You can use HSL colors in your CSS with ___ element

"hsl()"

To modify opacity in RGB colors, CSS offers the ___ value.

"rgba()"

When all of that CSS code is placed within a <style> element in an HTML file, you risk the following two things:

1.Creating a large HTML file that is difficult to read and maintain (by you and other developers). Overall, this can result in an inefficient workflow. 2. Maintaining a clear distinction between web page structure (HTML) and web page styling (CSS).

Just like HTML, you can also leave comments in your CSS file by ___ & ___

CSS comments begin with /* and end with */

With a ___ file, you can write all the___ code needed to style a page without having to sacrifice the readability and maintainability of your ___ file.

CSS, CSS, HTML

___ is a language that web developers use to style the HTML content on a web page.

CSS, or Cascading Style Sheets

CSS stands for?

Cascading Style Sheets

What does CSS stand for?

Cascading Style Sheets

RGB (Red, Green, Blue) colors offer the option of 10,000 possible colors. True or False

False, Answer: 16,777,216

___ is the color that an element appears in

Foreground color

___ - the technical term that describes what we understand as "color."

Hue, In HSL, hue is represented on a color wheel. It can take on values between 0 and 360.

Is there a difference between RGB values and hex color codes?

No, RGB values and hex color codes are different ways to represent the same thing: color. It's possible to convert back and forth between RGB values and hex color codes (color pickers often help with this conversion).

To take advantage of the full spectrum of colors that CSS supports, you have the option of using ___

RGB colors.

___ - the letters in these fonts do not have extra details on the ends of each letter. Instead, letters have straight, flat edges. Some examples include Arial or Helvetica.

Sans-Serif

___ - the amount of gray in a given color.

Saturation, In HSL, saturation is specified using a percentage between 0% and 100%. The percentage 0% represents a shade of gray, whereas 100% represents full saturation.

___ - the letters in these fonts have extra details on the ends of each letter. Examples include fonts like Times New Roman or Georgia, among others.

Serif

Color can affect the two following design aspects:

The foreground color and background color

How many named colors are there in CSS

There are a total of 147 named colors

The default typeface for all HTML elements is ___

Times New Roman

Although CSS is a different language than HTML, it's possible to write CSS code directly within an HTML file. True or False

True

HTML files are meant to contain only HTML code. Similarly, CSS files are meant to contain only CSS code. True or False

True

Not all browsers support newer CSS features, like opacity or HSL, so additional declarations should be made to support a wide audience of users. True or False

True

Specifying the path to the stylesheet using a URL is one way of linking a stylesheet. True or False

True

When specifying an RGB color mixture, the values are in base 10. Hex color codes, however, use base 16, or hexadecimal base (hence the name), to specify color mixtures. True or False

True

___ of the property (i.e., 18px for size, Blue for color, etc.).

Value

The extra "a" character in the rgba() value is known as the ___

alpha value. It represents the opacity of a color. The alpha value can be a number between 0 or 1, inclusive. The alpha value can also be used for HSL colors, using hsla():

When the stylesheet specifies a font not installed on a user's computer, the pre-installed fonts can be used as ___ for users.

fallback fonts EX: h1 {font-family: Garamond, Times, serif;}

To change the size of text on your web page, you can use the ___ property.

font-size

There's an additional way to specify colors in CSS

hexadecimal color codes

When the line height of an element is modified, you are manipulating the ___ of the font.

leading (pronounced "ledding")

When the ___ property of an element is modified, the leading is increased, resulting in an increase of the vertical spacing between lines of text.

line-height

A ___ can save you time when you want to style the same property across many elements.

multiple element selector

There is one feature that RGB colors support that hex color codes do not ___.

opacity

___ - Represents the unit of pixels. The display of a computer monitor can be measured in pixels. A pixel is a small point on the display.

px

Typographers have refined their craft and have developed many different typefaces, which has allowed them, in some cases, to classify them as one of the following two types:

serif fonts and sans-serif fonts

___ element is property styles an element's background color.

"background-color"

___ element is property styles an element's foreground color.

"color"

To use RGB colors, you can use the ___ value when styling a color.

"rgb()"

___ - the amount of white in a given color.

Lightness, Similar to saturation, lightness is specified using a percentage between 0% and 100%. The percentage 0% represents black, whereas 100% represents white. 50% is normal.

What exactly does px mean?

Measurements require units in order for them to be useful (for example kilograms for weight, or miles for distance). Font size also requires a unit of measurement.

Red, Blue, or Cyan are considered what in CSS

known as named colors.

When text is styled to appear larger, the vertical spacing between lines of text can decrease, creating text that is difficult to read, particularly in paragraphs. To avoid this problem, you can modify the spacing between lines of text with the ___ property.

line-height

What are the tree ways to measure size?

pixels, ems, percent

Pixels are sometimes also referred to as ___

points

The CSS selector essentially matches the HTML tag for that element, but without ___

the angle brackets

There's a special selector that can instantly select every single element on the web page called ___

the universal selector.

You can also increase the spacing between words in a body of text, technically known as ___. To do so, you can use the ___ property

word spacing, word-spacing

All hex color codes begin with a ___ character.

"#"

A ___ consists of the selector and all declarations inside of the selector.

CSS rule

___ is used to style elements on a web page.

CSS syntax

___ you'd like to style of that element (i.e., size, color, etc.)

Property

The line height can be modified using pixels or ems, but the unit of___ is preferred, since ___ offer a spacing relative to the size of the text on the page.

ems

___ - is equal to the width of the letter "m". ___ are a relative unit of measurement. They change the size of text relative to the parent element's size of text.

ems

To change the typeface of text on your web page, you can use the ___ property.

font-family

The <link> element must be placed within the head of the HTML file. It is a self-closing tag and requires the following three attributes:

1.href - like the anchor element, the value of this attribute must be the address, or path, to the CSS file. 2. type - this attribute describes the type of document that you are linking to (in this case, a CSS file). The value of this attribute should be set to text/css. 3. rel - this attribute describes the relationship between the HTML file and the CSS file. Because you are linking to a stylesheet, the value should be set to stylesheet.

In order to apply the styling to the web page, we'll have to use the ___ element in the HTML file and the CSS file together.

<link>

The p selector in the example above will select all ___ elements on the web page.

<p>

The ___ element allows you to write CSS code between its opening and closing tags. To use the ___ element, it must be placed inside of the head.

<style>