CSS

Question 1

what are embeddedStyle Sheets?

Answer 1

enable you to embed a CSS3 document in an HTML5 document’s head section.

Question 2

CSS position property

Answer 2

The position property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).

Question 3

CSS POSitioning when you specify an elements normal flow or position in a doc you can remove those attributes

Answer 3

Specifying an element’s position as absolute removes it from the normal flow of elements on the page and positions it according to distance from the top, left, right or bottom margin of its parent element

Question 4

z-index property

Answer 4

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Question 5

A page element with relative positioning gives you the control to absolutely position children elements inside of it.

Answer 5

relative positioning,

Question 6

Inline Elements
An inline element does not start on a new line and it only takes up as much width as necessary.

This is a <span> element inside a paragraph.</span>

Answer 6

Block-Level Elements

Inline-level elements

Question 7

Grouping element
Does not apply any formatting to its contents
Creates a container for CSS rules or id attributes to be applied to a section

Answer 7

Grouping element does not apply any formatting to its content ?? Creates a container ? NOT UNDERSTOOD

Question 8

EXAMPLE OF BLOCK LEVEL ELEMENTS DISPLAYED ON THERE OWN LINE

Answer 8

EXAMPLE OF BLOCK LEVEL ELEMENTS DISPLAYED ON THERE OWN LINE
all headings (h1 through h6)
div
A grouping element like span

Question 9

back ground controls

Answer 9

Setting the tiling to no-repeat displays one copy of the background image on screen

Question 10

back ground controls

Answer 10

Setting to repeat (the default) tiles the image vertically and horizontally

Question 11

back ground controls

Answer 11

Setting to repeat-x tiles the image only horizontally

Setting to repeat-y tile the image only vertically

Question 12

Fixed back ground scrolling browser will not move the image

Answer 12

background-attachment: fixed Property

Fixes the image in the position specified by background-position.

Question 13

Image back ground position (default at scroll)

Answer 13

The default value, scroll, moves the image as the user scrolls the window

Question 14

text-align Property

Answer 14

Text-align properties can move posting of text in an element using text-align: center: left; right;

Question 15

overflow Property

Answer 15

The overflow property specifies what should happen if content overflows an element’s box.

This property specifies whether to clip content or to add scrollbars when an element’s content is too big to fit in a specified area.

Question 16

When the browser renders an element using the box model, the content is surrounded by padding, a margin and a border.

Answer 16

Block-level HTML5 elements have a virtual box drawn around them based on the box model

Question 17

Border

The border is controlled using the properties:

Answer 17

Border

The border is controlled using the properties:

Question 18

CSS media type definition

Answer 18

Declare what kind of page or media type of page this is: example web, flash, mobile experience, etc

Question 19

screen media types

Answer 19

Most common media type for a web page is the screen media type, which is a standard computer screen

Question 20

Apply block styles that apply to a single media type: example for print

@media print

Answer 20

To create a block of styles that apply to a single media type such as print, use @media print and enclose the style rules in curly braces

Question 21

Apply block styles that apply to a single media type: example for print

@media print

Answer 21

A block of styles that applies to all media types is declared by @media all and enclosed in curly braces

Question 22

Other media types in CSS include: accessibility

Answer 22

s
braille
For machines that can read or print web pages in braille

speech
Allow the programmer to give a speech-synthesizing web browser more information about the content of the web page

print

Affects a web page’s appearance when it is printed

Question 23

Media Queries

Answer 23

a CSS3 module allowing content rendering to adapt to conditions such as screen resolution

Allow you to format your content to specific output devices.
Include a media type and expressions that check the media features of the output device.

Question 24

Media queries and media features

Answer 24

Common media features include:
width—the width of the part of the screen on which the document is rendered, including any scrollbars
height—the height of the part of the screen on which the document is rendered, including any scrollbars
device-width—the width of the screen of the output device
device-height—the height of the screen of the output device
orientation—if the height is greater than the width, orientation is portrait, and if the width is greater than the height, orientation is landscape
aspect-ratio—the ratio of width to height
device-aspect-ratio—the ratio of device-width to device-height

Question 25

User style sheet user control of html5

Answer 25

Users can define their own user style sheets to format pages based on their preferences

Question 26

User style sheet user control of html5 absolute font realtive

Answer 26

Absolute font size measurements override user style sheets, while relative font sizes will yield to a user-defined style

Question 27

User style sheets accessibility options

Answer 27

To add a user style sheet in IE9, select Internet Options…, located in the Tools menu. In the Internet Options dialog (Fig. 4.20) that appears, click Accessibility…, check the Format documents using my style sheet checkbox, and type the location of the user style sheet.

Question 28

use a relative measurement that does not override the user style set in Fig. 4.19.
Instead, the font size displayed is relative to the one specified in the user style sheet

Answer 28

Set Protocol for letting user control font size