Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

CSS

memorize.ai (lvl 286)

(0)

50 cards

()

Section 1

Preview this deck

<link> </link> goes in between

Front

1 / 50

CSS 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 (50)

Section 1

(50 cards)

<link> </link> goes in between

Front

<head> </head>

Back

External Style Sheet example

Front

<link rel="stylesheet" type="text/css" href="Path To stylesheet.css" />

Back

Classes are

Front

not unique, like a barcode - Can be changed and reused

Back

Length

Front

Defines a fixed padding (in pixels, pt, em, etc.)

Back

right

Front

The element floats the right

Back

Declaration in CSS?

Front

Gives information {color:red;text-align:center;}

Back

CSS Reset - group set of rules for font size, type, padding/margin

Front

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, dt {font-size:16px; font-weight:normal; padding:0 margin:0 }

Back

The <figcaption> element placement

Front

The first or last child of the <figure> element.

Back

<div id="content"> </div>

Front

3rd part of body - Container to hold the content

Back

ID or Fragment Identifier

Front

Can only use an ID name once in any XHTML or HTML document. Duplicate ID tags will cause your page to fail validation, and can have negative effects when using JavaScript with them. Simply put, an ID is like the sticker that says "you are here" on a mall directory, and there can only ever be one of those.

Back

Selector in CSS?

Front

The selector is usually the HTML element that you are attempting to control.

Back

What does CSS stand for?

Front

Cascading Style Sheets

Back

padding-bottom

Front

Sets the bottom padding of an element

Back

/**/

Front

CSS Comment

Back

Classes

Front

Can be used to in JavaScript scripts, but unlike ID's, they can be used multiple times in the same HTML document. This separation of content from presentation is what makes sites powered by CSS more robust. Classes can not only be used more than once, but more than one can be used on an element:

Back

Body Tag body {

Front

margin: 0; background-color:F0F0e8; font-family:'Signika', sans-serf; }

Back

How to identify padding of different sizes

Front

padding-top:25px; padding-bottom:25px; padding-right:50px; padding-left:50px;

Back

A CSS file allows you to separate your web sites (X)HTML content

Front

from it's style.

Back

The shorthand property for all the padding properties

Front

padding:25px 50px;

Back

Selector

Front

Decides what is effected by command

Back

Smiley Face

Front

<!DOCTYPE html> <html> <body> <img src="smiley.gif" alt="Smiley face" width="42" height="42"> </body> </html>

Back

background-color:

Front

F0F0e8;

Back

ID's are

Front

totally unique, like a serial number of a product

Back

Photo Caption

Front

<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>

Back

Front

HTML Comment

Back

Generic Family

Front

A group of font families with a similar look (like "Serif" or "Monospace")

Back

4 parts of the body

Front

header, navigation, content, footer

Back

CSS Border Properties

Front

Allow you to specify the style and color of an element's border.

Back

Sets the height and width of a paragraph

Front

p.ex { height:100px; width:100px; }

Back

The ID Selector

Front

Used to specify a style for a single, unique element.

Back

Class Selector

Front

Used to specify a style for a group of elements. Unlike the id selector, it is most often used on several elements.

Back

inherit

Front

Specifies that the margin should be inherited from the parent element

Back

auto

Front

The browser calculates a margin. This is default.

Back

Border Individual Sides

Front

p { border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid; }

Back

As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on...)

Front

are accomplished within a CSS.

Back

The <figcaption> tag

Front

is new in HTML5.

Back

Inheritance

Front

Physical relationship between Parent commands and Children commands

Back

<figure>

Front

Marks up a photo in a document and also contains a caption

Back

Font Family

Front

A specific font family (like "Times New Roman" or "Arial")

Back

External Style Sheet Placement

Front

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

Back

Border Shorthand Property

Front

border:5px solid red;

Back

Header Tag header {

Front

background-color:#4c6c73; border-bottom:1px solis #3b5459; } header h1{ color:#efefcc; }

Back

The three different ways to apply CSS

Front

Inline, Head, External

Back

The padding

Front

clears an area around the content (inside the border) of an element. It is affected by the background color of the element.

Back

none

Front

The element is not floated, and will be displayed just where it occurs in the text. This is default.

Back

External Style Sheet

Front

- Ideal when the style is applied to many pages. - Can change the look of an entire Web site by changing one file. - should not contain any html tags

Back

Monospace

Front

Characters have the same width

Back

Let an image float to the right

Front

img { float:right; }

Back

Two types of font family names:

Front

Generic Family Font Family

Back

%

Front

Defines a padding in % of the containing element

Back