Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Chapter 4: Cascading Style Sheets Basics

memorize.ai (lvl 286)

(0)

20 cards

()

Section 1

Preview this deck

The background-color Property

Front

1 / 20

CSS

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (20)

Section 1

(20 cards)

The background-color Property

Front

configures the background color. body { background-color: yellow }

Back

Style Attribute

Front

is set to the style rule declaration that you need to configure. Example (will set the text color of an <h1> tag): <h1 style="color: #cc0000">This is displayed as a red heading</h1>

Back

href Attribute

Front

the value is the name of the style sheet file.

Back

type Attribute

Front

the value is "text/css", which is the MIME type for CSS. The type attribute is optional in HTML5 and required in XHTML.

Back

Embedded Style Element

Front

apply to the entire document and are placed within <style> and </style> in the <head> section. Example: <style> body { background-color: #E6E6FA; color: #191970; } h1 { background-color: #191970; color: #E6E6FA; } </style>

Back

id Selector

Front

identify and apply a CSS rule uniquely to a SINGLE area on a web page. Example: #content { color: #333333; }

Back

Link Element

Front

associates an external style sheet with a web page. It is placed in the head section of the page. This element is a stand-alone, void tag. Three attributes are used with this element: rel, href, and type.

Back

Class Selector

Front

applies to a CSS declaration to one or more areas. Example: .feature { color: #FF0000; }

Back

CSS Style Rule Selector

Front

can be an HTML element name, a class name, or an id name.

Back

Descendant Selector

Front

specifies an element within the context of its container. Example: main p { color: #00ff00; }

Back

External styles

Front

coded in a separate text file. This text file is associated with a web page by coding a link element in the head section.

Back

The color Property

Front

configures the text color of a web page. body { color: blue }

Back

Embedded styles

Front

defined in the head section of a web page. These style instructions apply to the entire web page document.

Back

rel Attribute

Front

the value is for "stylesheet"

Back

Configure background and text Color

Front

doesn't matter what order. body { color: white; background-color: orchid; }

Back

CSS Style Rule Declaration

Front

indicates the CSS property you are setting (such as color) and the value you are assigning to the property.

Back

Order of Precedence

Front

applies the styles in order from outermost (external styles) to innermost (inline styles). This allows the site-wide styles to be configured with an external style sheet file but overridden when needed by more granular, page-specific styles (embedded or inline styles).

Back

Inline styles

Front

coded in the body of the web page. The style only applies to the specific element that contains it as an attribute.

Back

Span Element

Front

defines a section on a web page that is displayed inline without empty space above and below. Begins with <span> and ends with </span>. Example: <p><span class="companyname">Trillium Media Design</span> will bring...</p>

Back

Imported styles

Front

similar to external styles, since they can connect coded in a separate text file with a web page document.

Back