Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

CSS Positioning

memorize.ai (lvl 286)

(0)

34 cards

()

Section 1

Preview this deck

em

Front

1 / 34

Web Dev

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (34)

Section 1

(34 cards)

em

Front

A unit of measure used in CSS to define the current font size. If the font size is 12pt, 1em = 12pt.

Back

HEX

Front

Way of identifying colors using a 3 or 6 digit hexadecimal code. The first two digits represent the red values, the second two digits represent the green values, and the last two digits represent the blue values. Example: #0000FF would be blue, #00FF00 would be green, #FF0000 would be red.

Back

tag selector

Front

Way to target elements in HTML using CSS. This will select elements based on existing HTML tags and will target all elements within a document. Example: p, h1, nav, footer. P would target all paragraph tags in the entire document.

Back

margin

Front

Adds space outside of an element. For example, if you have a <div> with a blue background and add 10px margin it will add 10px to each side of the box, but will not extend the size of the blue background that is within the box. Margin can be specified in four directions rotating clockwise. Example: margin:10px 5px 10px 5px; (top, right, bottom, left values)

Back

Descendent selector

Front

Way to target elements in HTML using CSS. This will select elements that are children of a specific parent element. Example: p a{} would target all links that are within a paragraph tag.

Back

internal style sheet

Front

This is a way of applying CSS to one specific document by using the <style></style> tags in the <head> of the HTML document. This is typically the second set of styles that are applied after the external style sheet and can be overridden by inline styling

Back

z-index

Front

Defines which elements will appear above other elements if they happen to overlap. Higher number z-index appear in front of lower number z-index. Example z-index:100; will appear on top of z-index:50;

Back

CSS

Front

Stands for Cascading Style Sheets. Used to add presentation styling to HTML documents.

Back

external style sheet

Front

A separate document that contains CSS styles and is linked to from an HTML file. Correct way to create the link is <link rel="style sheet" type="text/css" href="external.css" />. This is typically the first set of styles that are applied to a webpage and can be overridden by internal or inline styling.

Back

a:visited

Front

Pseudo element that styles links after they have been visited

Back

/ comment /

Front

Correct way to create comments in CSS

Back

class selector

Front

Way to target elements in HTML using CSS. This creates a named way to apply styles to multiple times in one document to multiple items. CSS rules are written as .className and applied to HTML using class="className". Class names are case sensitive.

Back

Declaration

Front

What a CSS attribute and value are called. Formatted with the attribute name followed by a colon, then the value and a semicolon. Example: color:blue;

Back

float

Front

When added as an attribute to an image it converts the image from an inline element to a block element. Items can be floated left(float:left) or right(float:right). If images are floated left or right the text will wrap around the image.

Back

a:active

Front

Pseudo element that selects the active link. This rule must come after a:hover

Back

a:link

Front

Pseudo element that styles links that have not yet been visited

Back

child element

Front

An element that is enclosed (or wrapped) within another element. The child element inherits CSS properties from the parent element.

Back

fixed positioning

Front

Elements will remain in a specific spot no matter how the browser is manipulated and do not appear in the flow of the document.

Back

pt

Front

A unit of measure used in CSS to define a point value. Default font size on most browsers is 12 pt.

Back

parent element

Front

An element that encloses (or wraps) another element.

Back

<span>

Front

Inline HTML element used to apply CSS to a specific section of text in a document

Back

%

Front

A unit of measure used in CSS to define relative percentages

Back

absolute positioning

Front

Absolute position uses exact values to position elements on the screen. Requires the use of a containing block. Typically this containing block is a <div> that has relative positioning applied to it. When it is done in this manner the absolute values are in relation to the containing block. For example, if you move the item left:50px; it will move 50px from the left side of the containing block. If you don't use a containing block it will use the browser window to apply the absolute values to.

Back

clear

Front

Stops elements from floating around other elements. You can clear the float for left (clear:left), right (clear:right), or for both (clear:both).

Back

camelCase

Front

A type of capitalization where the first letter is lower case and each succeeding word has a capital letter

Back

ID selector

Front

Way to target elements in HTML using CSS. This creates a named way to apply styles to a unique item in each document. CSS rules are written as #idName and applied to HTML using id="idName". ID names are case sensitive.

Back

inline styles

Front

This is a way of applying CSS to one specific HTML tag through the style attribute. This is applied last and always takes precedence over internal and external style sheets. Example: <p style="color:blue;"></p>

Back

px

Front

A unit of measure used in CSS to define a pixel value. Is useful for creating dimensions that are more absolute in size.

Back

pseudo elements

Front

Applies to a specific state of an element, for example :hover applies only when the mouse is over an element.

Back

<div>

Front

Block-level HTML element used to apply CSS to a group of elements in a document

Back

padding

Front

Adds space inside an element. For example, if you have a <div> with a blue background and add 10px padding it will add 10px to each side of the box, that will extend the size of the blue background. Padding can be specified in four directions rotating clockwise. Example: padding:10px 5px 10px 5px; (top, right, bottom, left values)

Back

a:hover

Front

Pseudo element that styles links while the mouse is over the link. This rule must come after a:link and a:visited

Back

CSS Syntax

Front

A CSS rule consists of a selector (tag, ID, class, or descendent) followed by a block of declarations. Example: .className{color:blue; font-weight:bold;}

Back

relative positioning

Front

Positions something on the screen in a different place than where it actually belongs in the document flow, but lays out the rest of the document as if that object were right where it belong and hadn't been positioned.

Back