3.1 Introducing Cascading Style Sheets

3.1 Introducing Cascading Style Sheets

memorize.aimemorize.ai (lvl 286)
Section 1

Preview this deck

What is another word for element selectors? p.100

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

0

All-time users

0

Favorites

0

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (61)

Section 1

(50 cards)

What is another word for element selectors? p.100

Front

type selectors

Back

CSS property p.101

Front

describes how the selector will be modified

Back

style element p.105

Front

a special element that serves as a container for all the style code

Back

Web-safe colors p.104

Front

colors that all computer monitors should be able to display

Back

style p.100

Front

a consistent, recognizable pattern

Back

selector p.102

Front

what is being styled

Back

color property p.103

Front

is used to change the foreground (the text) color of the element

Back

Why is it better to use RGB values or hexadecimal code than the 17 named colors? p.105

Front

To avoid generating errors or warnings during validation

Back

type attribute p.105

Front

text/css this is always entered within the start <style> tag

Back

How would you write the property color and the white value? p.101

Front

color:white;

Back

declaration p.102

Front

a property and value pair

Back

declaration p.101

Front

a property and value pair; with the selector forms a rule

Back

cross-browser support p.100

Front

when a CSS feature appears in all browsers without any differences; always test your Web pages in at least the current and prior versions of the four major browsers

Back

id selectors p.100

Front

are used to uniquely format a single element on a Web page

Back

background-color property p.103

Front

changes the background color of an element; the default is blocked

Back

hex code p.104

Front

short hand for hexadecimal code

Back

display property p.106

Front

determines how an element will be displayed; block is the default value, which extends the color across the screen

Back

embedded style sheet p.105

Front

when you put the CSS code in the <head> section of an XHTML document

Back

In CSS code, what three ways color is entered? p.103

Front

1. by name 2. by RGB triplet 3. by a hexadecimal value

Back

property p.102

Front

how the selector will be modified

Back

hexadecimal system p.103

Front

is based on the number 16, and uses the numbers 0-15. After number 9, the letters A-F represent numbers 10-15. See figure on p.104.

Back

CSS style p.102

Front

a collection of one or more rules

Back

rule p.102

Front

the combination of a selector and one or more properties and values (declarations, declaration list)

Back

How many named colors are there? Are all of them supported by all browsers? p.103

Front

216; nope

Back

Why do most Web page designers use hexadecimal values for color? p.103

Front

Because there are several million color values from which to choose and offers you greater variety

Back

What should the code for the start <style> tag look like? p.105

Front

<style type="text/css"> CSS code...... </style>

Back

What punctuation comes after the property? p.101

Front

a colon

Back

CSS style p.100

Front

a collection of one or more rules

Back

What are the three most common selectors? p.100

Front

1. element selectors 2. class selectors 3. id selectors

Back

CSS value p.101

Front

indicates the manner extent to which the property will be modified

Back

How many Web-safe colors are there? p.104

Front

17 total-- see chart on p.104

Back

When you assign a display property with a value of inline, what happens? p.107

Front

It will place the background color behind the text only. h1 { color: white; background-color: teal; display: inline; }

Back

What does CSS stand for? p.100

Front

cascading style sheet

Back

declaration list p.102

Front

all the declarations (properties and values) for the same selectors

Back

value p.102

Front

the manner or extent to which the property will be modified

Back

When entering hexadecimal color values in CSS code, what do you put before each value? p.104

Front

the # symbol (flag character)

Back

When writing CSS rules, what are the 5 parts of the code you must include in order? p.102

Front

1. a selector 2. a left-facing brace before the declaration list 3. a colon between each property and its value 4. a semicolon at the end of each declaration 5. a right-facing brace at the end of the declaration list

Back

rule p.100

Front

the combination of selector,a property, and a value

Back

short hex p.104

Front

repeating values can be entered into code using a shorthand notation where you use just the first number or letter to enter each pair, but only if the pairs have repeating characters

Back

style sheet p.102

Front

a collection of styles

Back

What is the advantage of using an embedded style sheet? p.105

Front

The XHTML and CSS code are on the same page, making it easier to enter and modify the CSS code while you are developing the Web page. Once the page is finalized and you are satisfied with the CSS code you can move the CSS code to an external style sheet, a separate document where you can store and easily revise your styles

Back

In CSS syntax, how do you create a CSS rule? p.101

Front

selector { property:value; }

Back

What are the advantages of using CSS? p.98

Front

(1) greater consistency in your Web site- apply styles in one document to some or all of the other pages in your Web site (2) easily modified code- when you modify to change the style of one page, all of the pages in your Web site can change (helps you keep a consistent design) (3) more flexible formatting- you can format and position text in ways that you cannot with XHTML (4) greater functionality- many features of Word processing programs (tabs, line-spacing, margins) are available

Back

style sheet p.100

Front

a collection of styles (recognizable patterns)

Back

class selectors p.100

Front

are used to select a specific XHTML element or format one or more elements on a Web page

Back

What is the foreground color? p.103

Front

the font color

Back

selector p.100

Front

identifies the element to which you are applying a style

Back

Why shouldn't you write code in paragraph format? p.103

Front

It is not easy to read or debug. In addition, most CSS editing software follows this format of NO paragraphs.

Back

element selectors p.100

Front

used to format XHTML elements

Back

What punctuation comes after the value? p.101

Front

a semi-colon-- it is good coding practice to always put a semi-colon even though you don't need one at the end before the brace

Back

Section 2

(11 cards)

4. Why two components of a CSS rule make up the declaration?

Front

the property and the value

Back

1. What is a style?

Front

a rule or collection of rules that change how the contents of an XHTML selector will appear

Back

8. What is an embedded style? Specifically, where must the style code be written for an embedded style?

Front

a style written in an XHTML page itself; the style code must be written in the <head> section

Back

grouped selectors p.107

Front

selectors with the same declarations grouped into a comma-separated list; saves you time entering code for things that are repetitive ex. p, li { color:navy; } instead of p{ color:navy; } li{ color:navy; }

Back

5. What precedes the first declaration in a declaration list?

Front

left brace

Back

CSS inheritance p.109

Front

is the method whereby a child-element inherits the characteristics from the parent element. A block-level element is very often the parent-element to an inline element. Because the child inherits stuff from its parent, you don't have to create a separate style for it.

Back

6. What follows the last declaration in a declaration list?

Front

right brace

Back

7. What punctuation mark separates a property from its value? What punctuation mark follows each rule?

Front

colon; semicolon

Back

3. Name the three components of a CSS rule.

Front

the selector, the property, the value

Back

2. What is a selector?

Front

The XHTML element whose characteristics you want to modify

Back

descendant selector p.110

Front

a selector nested within another selector

Back