Web Development: Chapter 5
What is a CSS styling declaration?
A CSS property followed by a colon (:) and the property value.
Define specificity.
A scoring system that resolves more complex CSS conflicts, to determine what style declarations apply to an element.
What does a CSS rule consist of?
A selector, an opening curly brace ({), a declaration block, and then a closing curly brace (}).
Define CSS.
A textual language for describing how a web page is styled for visual presentation.
What occurs when two style rules apply to the same element?
Conflict
What does a declaration box do?
Contains one or more declarations separated by semicolons (;).
True or false: An inline style uses curly braces ({}).
False
True or false: Inline styles cannot be used with embedded stylesheets or external stylesheets.
False
Valid or invalid: p { background-color = blue; }
Invalid
What does the element selector do?
Matches elements with the specified element names.
What does inline style do?
Places CSS declarations inside a tag's style attribute.
What does an external stylesheet do?
Places CSS rules in a separate file and imports the stylesheet into an HTML document using <link href="stylesheet.css" rel="stylesheet">.
What does an embedded stylesheet do?
Places CSS rules in an HTML document's head using <style> tags.
What does the psuedo-class selector do?
Specified with a colon character followed by a pseudo-class name, matches elements based on user behavior or element metainformation.
What does the ID name selector do?
Specified with a hash character followed by the ID name, matches the element that has the specified ID.
What does the class name selector do?
Specified with a period character followed by the class name, matches elements that have the specified class name.
What does the descendant selector do?
Specified with a selector followed by a space and another selector, matches elements that are contained in other elements.
What does the inherit keyboard do?
Specifies that a property should inherit the parent element's value.
What does a CSS selector do?
Specifies the HTML elements to which the specific style rule applies.
What does the class attribute do?
Specifies the classes to which the tag belongs, with each class name separated by a space.
Define inheritance.
The style rules from a parent element cascade down and are applied to any child elements.
True or false: A website should use an external stylesheet to create styles that apply to all web pages.
True
True or false: An inline style does not use a selector.
True
True or false: The embedded stylesheet from the animation above makes all paragraphs in the web page orange.
True
What does the !important rule do?
Used on a style declaration to override other declarations and disregard specificity.
Valid or invalid: div { font-family: serif }
Valid
Valid or invalid: h1 { color: black; }
Valid
Valid or invalid: span { font-weight: bold; font-size: 2em; }
Valid
