Html/css Study Guide #4

Front 1

Contextual Selectors

Back 1

Elements are nested within other elements on a webpage creating a hierarchical structure. In CSS they express the location within that structure #notes h1 { color: red; }

Front 2

When you would use classes in CSS

Back 2

to identify an object(s) inside an element to give it (them) styles, instead of using id you can assign the same style to multiple elements sharing the same class value

Front 3

Syntax to work with classes in CSS

Back 3

.class { style }

Front 4

pseudo-classes

Back 4

classification of an element based on its current status, position, or use in the document

Front 5

pseudo-class: link

Back 5

not visited by the user

Front 6

pseudo-class: visited

Back 6

the link has been visited by the user

Front 7

pseudo-class: active

Back 7

the link is in the process of being visited by the user

Front 8

pseudo-class: hover

Back 8

the mouse pointer is being hovered over link

Front 9

absolute positioning

Back 9

place an element at specific coordinates

Front 10

relative positioning

Back 10

the browser default

Front 11

fixed positioning

Back 11

element is placed in a specific spot in the doc window while the rest of the page scrolls by

Front 12

overflow style

Back 12

when you want to force an element into a specified height & width, you have to define how the browser will handle a situation where content overflows the space allotted to the object

Front 13

clip style

Back 13

this allows you to define a rectangle through which an element's content can be viewed, anything beyond the boundary of the rectangle is hidden

Front 14

z-index

Back 14

order of appearance within overlapping positioned elements

Front 15

function of media types in CSS

Back 15

used to describe output type screen for the web, print clean format (printer friendly), mobile & other devices
< link rel="stylesheet" type="text/css" href="x.css" media="print" / >

Front 16

media groups

Back 16

visual, aural, tactile grid (for character grid devices) or bitmap interactive (for devices that do not allow interaction)

Front 17

invisible element

Back 17

element, element { visibility: hidden; }