Hypertext markup language html metadata element

Absolute Positioning
A method of positioning that places objects a specified coordinates on the page.

Asymmetrical Balance
A design principle in which one large page object is balanced against two or more smaller objects.

Block
A display style in which the content is displayed on a new line as a rectangular block following the box model.

Border Box
In the CSS box model, the box that contains the content and padding boxes.

Clip Property
A CSS property that defines a clipping rectangle, cropping an element.

Content Box
In the CSS box model, the box that contains the content of the element.

Drop Cap
A design element that consists of an enlarged initial letter in a body of text that drops down into the text body.

Elastic Layout
A layout design in which element sizes are proportioned relative to the default font size.

Fluid Layout
A layout design in which element sizes are proportioned relative to the screen resolution.

Height Property
A CSS property that defines the height of an element.

Padding Box
In the CSS box model, the box that contains the space around the content box.

Padding Property
The CSS property that sets the padding space around element content.

Symmetrical Balance
A design principle in which similar elements offset each other like items on a balance scale.

Tiling
A process by which a background image is repeated horizontally, vertically, or both in order to cover the background space of an element.

Width Property
A CSS property that defines the width of an element.

Z-Index Property
A CSS property used to stack overlapping page elements.

h1#mainHeading {
border: 8px double green;
}
Provide a style rule to display all hypertext links within a navigation list as block elements with a gray background, and with rounded corners 10 pixels in radius. Your rule should be accessible under CSS3 and all browser extensions.

nav a {
display: block;
background-color: gray;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Provide a style rule to display all div elements with elongated corners that have a 15-pixel horizontal radius and a 5-pixel vertical radius. Your code should work with all browser extensions and browsers that support CSS3.

vertical-align
Property used to position elements and images vertically with text (top, middle, bottom) list style type
Property used to change the appearance of the bullet for an unordered list
list style position
Property used to change the position of marks or bullets
grouped selector
Share a common set of declarations and are grouped into a comma-separated list descendant selector
selector nested in another selector
nav element
block of navigation links
CSS inheritance
method where child element inherits characteristics from parent element
dependent class
class used to style a specific element
independent class
starts with a dot and can be used to style any element
4 hyperlink states
link, visited, hover, active

border box
contains the content and padding as well as the box border

a selector nested within another selector

strong em {
color: maroon;
}
<nav> element
used to contain/identify a block of navigation links
CSS inheritance
the method whereby a child element inherits characteristics from its parent element class selector
a name preceded by a period; this name can then be applied to any html element

a:hover- hover state (mouse passes over the link)

a:active- active links (the user holds down the mouse button to click a link) 4 margin properties
margin-top, margin-left, margin-right, margin-bottom

Stretch- the slices are stretched to fill each side
Repeat- the slices are tiled to each side
Round- the slices are tiled to fill each side if they don't fill the sides with an integer number of tiles the slices are rescaled to until they do
Space- slices are tiled to fill each side if they don't then extra space is distributed around the tiles
Textshadow: rgb(181,211,181) 5px 5px 25px;
Sets the horizontal and vertical shadow with a blur
Box-shadow
CSS property that configures a shadow effect on a block display element
Colour Gradient
One colour gradually blends into another colour or fades away if transparent colours are used. Can be used to modify a background colour.

Linear gradient
Background colour transitions from a starting colour to an ending colour along a straight line. Default direction is vertical
Background:linear-gradient(red, green, blue)
Stars with a solid red, solid green appears half way through and finished with solid blue.

Translatex (offx)
Moves the object offx pixels to the right; negative values move the objects to the left Translatey(offy)
Moves the object offy pixels down; negative values move the object up.

Scale(x, y)
Resizes the object by a factor of x horizontally and a factor of y vertically
Scale x
Resizes the object by a factor of x horizontally
Scale y
Resizes the object by a factor of y horizontally
Skew(angle x, angley)
Skews the object by anglex degrees horizontally and angley degrees vertically Skewx (anglex)
Skews the object by anglex degrees horizontally
Skewy(angley)
Skews the object by angle y degrees vertically
Rotate(angle)
Rotated the object by angle degrees clockwise; negative values rotate the object counterclockwise
Matrix(n,n....)
Applies a 2d transformation based on matrix of six values
A 3D transformation
A change that involves three spatial axes
X axis that runs horizontally
Y axis that runs vertically
Z axis that comes straight out of the page towards and away from the viewer Perspective
A measure of how rapidly objects appear to recede from the viewer in a 3D space Vanishing point perspective
Ie railroad tracks that appear to converge at a point known as the
Perspective of a 3D space
Perspective: value;
Value is a positive value that measures the strength of the perspective effect.

Apply a border width and style
Border: width, style, colour
Default background image placement
Top left corner so you have to use background-position: horizontal vertical; Hotspots
No limit on the number of hotspots

Provide a style rule to display all inline images as blocks.

Use progressive enhancement to support the Presto, Mozilla, and WebKit rendering engines as well as browsers that support the CSS3 specifications.

body section:first-of-type {
background-image: url(author.png);
-o-background-size: 300px 200px;
-moz-background-size: 300px 200px;
-webkit-background-size: 300px 200px;
background-size: 300px 200px;
}
What type of layout design should you use to set the width of the page to 1200 pixels, regardless of the rendering device?

cover keyword
specifies that the background image should completely cover the background border-left property
property that adds borders to the left edge of the element
border-right property
property that add borders to the right edge of the element
border-radius property
The CSS property used to create a rounded or elongated corner around an element.

border-image property

bitmap image
an image that is comprised of pixels in which every pixel is marked with a different color GIF (Graphics Interchange Format)
compressed bitmap file format (lossless) that supports only 256 colors and is
appropriate for the web; supports transparency and animation
JPEG (Joint Photographic Experts Group)
supports file compression, allowing a bitmap image to be stored at a smaller file size that would be possible with other formats - supports a palette of over 16 million colors PNG (Portable Network Graphics)
compressed bitmap file format (lossless) similar to the gif format; it is not limited to 256 colors, is appropriate for the web, and supports transparency, and was designed to replace the GIF
tiling
A process by which a background image is repeated horizontally, vertically, or both in order to cover the background space of an element.

watermarks
translucent graphics displayed behind the content with a message that the content material is copyrighted or in draft form or some other message directed to the reader

Identify a CSS3 2D transformation function that resizes an object by a factor of x horizontally.

scaleY(y)
Which of the following values decreases the brightness in the filter function brightness?

no-repeat
Identify the property that is used to apply a border image.

border-image: url(url) slice repeat;
Identify the default type of the background-attachment property.

180deg
Which of the following shape values represents the remaining area of an inline image not covered by any hotspots?

default
Identify the property that can be used to change the definition of an element's background.

repeat
The _____ element is used to contain an image file and can also be used to mark any page content that should stand apart from the main content of an article.

figure
In the given image, which of the following types of background property does figure 2 denote?

farthest-corner
In a client-side image map, _____ are defined regions within an image that can be linked to different URLs.

hotspots
Which of the following background-attachment properties is similar to scroll, but is used for elements, such as scroll boxes, to allow the element background to scroll along with the content within a box?

To round off any of the four corners of a border, the _____ property should be applied.

border-radius
Identify a true statement about the perspective property.

transform: effect(params);
Each hotspot within the map element is defined using the _____ element.

area
Identify the CSS3 3D transformation function that shifts an object offX pixels horizontally, offY pixels vertically, and offZ pixels along the z-axis.

Multiple shadows can be added to text by including each shadow definition in a comma-separated list.

TRUE
Which of the following background-attachment properties is similar to scroll, but is used for elements, such as scroll boxes, to allow the element background to scroll along with the content within a box?

opacity
Identify the syntax of the transform property.

transform: effect(params);
Identify a CSS3 2D transformation function that resizes an object by a factor of x horizontally.

A(n) _____ supersedes a browser's default styles and provides a consistent starting point for page design.

reset style sheet
In order for computers to share resources efficiently, they can be linked together in a structure called network.

True
Hypertext Markup language (HTML) version _____ added support for style sheets to give web designers greater control over page layout and appearance.

4.01
The _____ element, a Hypertext Markup Language (HTML) metadata element, contains a collection of metadata elements that describe the document or provide instructions to the browser.

2.0
Web pages are accessed through a software program called a _____.

web server
To force a document to appear in a new window or tab, identify an attribute that should be added to <a> tag.

<img src>
The first line in a Hypertext Markup Language (HTML) file is the _____, which is a processing instruction indicating the markup language used in a document.

doctype
A generic font describes the general appearance of a typeface and relies on a specific font definition.

False
The color scheme that uses two hues close to one another on the color wheel in which one color is the dominant color and the other is a supporting color used only for highlights and nuance is _____.

analogic
Cascading Style Sheets (CSS) allow RGB values to be entered as _____.

In this case, the Home page contains two _____ elements.

child
_____ units express font size according to the size of other objects within a web page.

To apply a style to all elements in a document, Terry should use the _____ selector.

*
The display property inherit inherits the display property of a child element.

False
The Yacht club has a web site that consists of a picture of the yacht club room along with the yacht club rules on the left. On the right side is a list of upcoming events, the company logo, and the yacht club teacher training dates. Sue, the web designer, needs some help with Cascading Style Sheets (CSS) to make sure the pages display correctly.

Sue needs to create a _____ style sheet so that no unwanted styles can creep in from any browser's internal style sheet.

reset style sheet
Identify the property that is used to choose the layout model.

box-sizing
The _____ value of the display style removes an element from a rendered page.

run-in
A _____ sets the width of page elements as a percent of the available screen width.

fluid layout
Identify the style that can be used to create elongated or elliptical corners.