Web Design T2 ch 4-6

Which of the following should you NOT do when using CSS3 properties to create text columns?

Justify the text in the columns.

when you code a font-family property in a style rule

can specify more than one font name.

the normalize.css style sheet

causes all browsers to render html elements the same way

the text-decoration property in a style rule is used to

remove underlines from links

When you set the position property for a block element to absolute, the browser

takes the element out of the flow of elements on the web page

main p.indent { text-indent: 2em; } which elements will be indented

the <p> elements with a class named indent

if you include two or more external style sheets in the head element of an html document

the styles are applied from the first stylesheet to the last

If you want to use floating for a 3-column page layout that is at least partially liquid which consists of an aside, a main element, and another aside, you need to set

the width of the body element and one or more of the contained elements to percents

when you use the float property for page layout, you should also set

the width of the floated elements

if two css declarations conflict, which declarations override the other declarations

!important declarations in a webpage

which of the following selectors applies to all <a> elements with "hot" as their class name that are coded within a div element that has "header" as its id

#header a.hot

which of the following selectors is most specific

#nav

The code that follows padding: .5em 0 .25em; applies this padding to an element

.5em above, 0 left and right, and .25em below

which of the following is a valid selector for a class named menu

.menu

If the bottom margin for one element is 1.5 em and the top margin for the element below it is 1 em, how large is the margin between the two elements when the page is rendered in a browser?

1.5 em

Which of the following techniques can you NOT use to create a two-column layout?

Code the columns in any order and then float both columns to the left

which of the following units is a relative unit of measurement

Em

which of the following can you not do when adding shadows to text?

Set the opacity of the shadow

to apply the styles in an external style sheet to html document, you need to code

a link element in the head section

which of the following units of measurement is equal to the font size for the current font

an em

A child selector in CSS allows you to select elements that

are a direct descendant of an element

by default, the element in the box model is

as tall as it needs to be for its contents

If you set the background color for the body of a page to blue and you don't set the background color for a section within the body, the background of the section will be

blue

which css snippet would set the border radius for the section element as shown in this screenshot

border-radius: 10px 20px 0 20px

which css snippet would set the border shadows for a section element as shown in this screenshot

box-shadow: 3px 3px 4px 4px red;

When you set a border for a block element, you can set the

color, style, and width

which of the following is not one of the ways you can specify a color in css

color: getColor ("red");

in the html for a 3 column layout, an aside, a main element, and an aside element. How would you float

first aside left, main to center, the second aside to the right

In the HTML for a three-column layout, an aside, a main element, and another aside are coded within a body element. Then, to use floating to lay out the main and aside elements in sequence from left to right on a web page, you can use CSS to

float both asides and the main content to the left

if you want to apply styles to all <p> elements that are siblings of an h1 element, how do you code the selector

h1~p

For user accessibility, you should apply the same formatting to the :focus pseudo-class for an element as you apply to the

hover pseudo-class for that element.

which type of selector applies to only one element

id

in the box model for an element, the border

is between the padding and the margin

When you set the position property for a block element to fixed, the element

is positioned relative to the browser window. doesnt move when you scroll

if you want to apply styles to all of the li elements, within a main element, how do you code the selector

main li

when you use floating for a two-column, fixed width page layout, you need to

make sure the body element is wide enough for the columns

Which of the following formatting can you NOT apply to boxes using CSS3?

radial gradients

By default, if you specify a background image for a block element, it will be

repeated horizontally and vertically so it fills the block element.

one of the benefits of using a browser's developers tools to inspect the styles that are applied to an html doc is that you can

see how the styles from one source override the styles from another source

For a two-column layout where the main content is fluid and the aside is fixed, you use CSS to

set the body width to a percent and don't set the section width. set the body and main width to a percent and the aside to fixed

you use a reset selector to

set the margins and padding for all elements to 0

if you use a reset selector for a page, you need to set

set the margins and padding for all the elements of the page

when you use floating for 3 column layout that is at least partially liquid

set the width if the body to a percent

The code that follows border-style: solid none; means that the box should have

solid top and bottom borders

in a 3-column that uses floating for page layout, for your csw131

stop any floating in the footer

main { clear: left; } what does the clear property do

stops the floating of the main element to the right of the preceding block elements

when you set the float property for an img element to the left,

the block elements that follow it flow to the right of it

if more than one style rule is applied to an element, which style rule is applied

the one with the selector with the highest specificity

the rgba and hsla that are available with css3 let you specify

the opacity of a color

In the code that follows margin: 0 auto; the auto keyword means

to center the element horizontally within the containing block

When you set the float property for a block element to left, the elements that follow it will flow into the space

to the right of the floated element if there's enough space

to calculate the height of a box when using the box model you add the height of the content area to the sum of the heights of the

top and bottom borders, top and bottom margins, and top and bottom padding

when you used fixed positioning for a block element you can

use top, bottom, left, right properties to set its position on the page

Pseudo-class selectors let you apply formatting

when specific conditions occur

when you use an external style sheet with an html document you get all of the benefits but

your css coding is simpler