Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

CSS

memorize.ai (lvl 286)

(0)

99 cards

()

Section 1

Preview this deck

visibility

Front

1 / 99

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 (99)

Section 1

(50 cards)

visibility

Front

A CSS property that configures the visibility of an element. Can be set to visible or hidden. different from display because display completely removes the element, visibility still makes it able to access the element in the source code

Back

relative position

Front

allows you to position an element relative to its default static position. Use top, bottom, left, and right to move the element in the opposite direction

Back

padding shortcut

Front

use the configuration of top, right, bottom, left in a single padding rule set in that order instead of writing all 4 rule sets. if top and bottom are equal and left and right are equal use topbottom, leftright. If all are equal, just use one number as the value

Back

normal

Front

a value for font-weight that makes the text have no boldness

Back

box-sizing

Front

a CSS property that configures the box model used, content-box is the normal, to set in CSS use * as the selector

Back

display

Front

A CSS property that configures an elements display

Back

link element

Front

used to link stylesheets to HTML. needs href, type, and rel attribute to work

Back

text-align

Front

CSS property that configures the alignment of the text

Back

Value

Front

the value of the property (i.e., 18px for size, blue for color, etc.).

Back

opacity

Front

CSS property that configures the transparency of an element on a scale of 0-1

Back

border-radius

Front

CSS property that configures rounded corners on an element

Back

color

Front

CSS property that configures the foreground color, such as the font color

Back

inline display

Front

Default value. Displays an element as an inline element (like <span>). Any height and width properties will have no effect

Back

padding

Front

specifies the amount of space between the content area and the border. controlled with padding-top, padding-right, padding-left, padding-bottom

Back

max-height

Front

Sets the maximum height of an element

Back

fixed position

Front

the element will stay in that position even as the user scrolls

Back

to center an element

Front

use margin: 0 auto; but you must define width

Back

z-index

Front

Sets the stack order of a positioned element, accepts integer values (overlap hierarchy)

Back

margin

Front

specifies the amount of space between the border and the outside edge of the element. works exactly like padding including the shortcut

Back

border-box

Front

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

Back

class attribute in CSS

Front

(.) overrides HTML selector, mainly used for many times

Back

font-weight

Front

CSS property that configures the boldness of the text, can be a keyword or a multiple of 100 from 100-900

Back

!important

Front

this flag will override all other selectors and goes after the value of the style before the semi-colon

Back

border

Front

specifies the thickness and style of the border surrounding the content area and padding. contains width, style and color

Back

style element

Front

another way to write CSS code straight into HTML

Back

block display

Front

Elements that are rendered (displayed) with empty space above and below

Back

nested elements

Front

another way to specifically select certain elements that are nested within a certain class. denoted by a space in the selectors space

Back

font-style

Front

CSS property that can configure italic text

Back

Specificity

Front

the more specific the selector, the more it overrides

Back

id attribute in CSS

Front

(#) overrides class, HTML selector, used mainly once

Back

style attribute

Front

used to add styles of CSS directly into HTML

Back

to reset to the default settings

Front

set the values to 0 without a unit

Back

font-family

Front

CSS property that configures text font typeface, When the name of a typeface consists of more than one word, it must be enclosed in double quotes

Back

min-height

Front

Sets the minimum height of an element

Back

chaining selectors

Front

a way to specifically select certain elements with certain classes/ids. denoted by no space in the selectors space

Back

absolute position

Front

allows you to position an element from the top left corner, or it will position it closest to its positioned parent element. If not, it will act like it is not there

Back

min-width

Front

Sets the minimum width of an element

Back

max-width

Front

Sets the maximum width of an element

Back

background-image

Front

CSS property that configures a graphic as a background

Back

CSS selector

Front

a way for you to select which HTML element you want to style

Back

position

Front

A CSS property that configures an elements position, can be static, relative, absolute, or fixed

Back

multiple selectors

Front

a way to select multiple elements at once by separating them by a comma

Back

CSS rule/rule set

Front

the entire CSS part including the property, value, and selector

Back

flow of HTML

Front

A browser will render the elements of an HTML document that has no CSS from left to right, top to bottom, in the same order as they exist in the document

Back

margin collapse

Front

while left and right margins between to elements add to find the distance apart, the larger of the top and bottom margins of two elements sets the distance apart

Back

Property

Front

the property you'd like to style of that element (i.e., size, color, etc.).

Back

font-size

Front

CSS property that configures the size of the text

Back

background-color

Front

CSS property that configures background color

Back

overflow

Front

a CSS property that handles overflowed content, can be set to visible, hidden, or scroll

Back

width and height

Front

specifies the width and height of the content area.

Back

Section 2

(49 cards)

grid-row

Front

A shorthand property for the grid-row-start and the grid-row-end properties, syntax: grid-row: 4 / 6;

Back

HSL

Front

numeric values that describe a mix of hue, saturation, and lightness, The first number represents the degree of the hue, and can be between 0 and 360. The second and third numbers are percentages representing saturation and lightness respectively

Back

justify-self / align-self

Front

specifies how an element should position itself in respect to the row or column axis, accepts the same values as justify/align-items

Back

pseudo elements

Front

Like a pseudo-class, a pseudo-element is not identified as such by HTML markup. It applies styles to content based on its position in the HTML hierarchy. denoted by double colons instead of one set. these include, first-letter, first-line, before, after(before and after must be coupled with the content property)

Back

linking fonts

Front

create a link tag in the head of an html document and specify href and rel attributes using google fonts

Back

grid-template-areas

Front

Specifies how to display columns and rows, using named grid items, need to specify named grid items in their element css rules using grid-area: (name used in grid-template-areas);

Back

grid-column-gap

Front

Specifies the size of the gap between columns

Back

grid-template

Front

a CSS property that configures both rows and columns, works the same as rows and columns, except follow this syntax, rows / columns;

Back

repeat() function

Front

a CSS grid function that is used to create rows and columns efficiently. first parameter assigns number of rows/columns, second defines length/width, can have two values for second parameter

Back

fallback font syntax

Front

font, fallback, any serif or sans serif font installed on computer

Back

line-height property

Front

A CSS property that configures the leading of the font-height, can be a unitless ratio, preferred, or pixel value

Back

to turn an HTML element to a grid

Front

To turn an HTML element into a grid container, you must set the element's display property to grid (for a block-level grid) or inline-grid (for an inline grid). Then, you can assign other properties to lay out the grid.

Back

justify-content

Front

Specifies the alignment between the items inside a flexible container when the items do not use all available space. accepts the values start, end, center, stretch, space-around, space-between, space-evenly.

Back

grid-auto-columns

Front

Specifies a default column size

Back

grid-template-rows

Front

Specifies the size of the rows in a grid layout, works the same as columns

Back

grid-area

Front

This property will set the starting and ending positions for both the rows and columns of an item. syntax: grid-area: 2 / 3 / 4 / span 5; order is grid-row-start grid-column-start grid-row-end grid-column-end

Back

text-align property

Front

A CSS property that horizontally aligns the text within an element. Right, Center, Left

Back

grid-gap

Front

A shorthand property for the grid-row-gap and grid-column-gap properties, syntax as follows, : row gap col gap. if only one value it will set both row and col as the same

Back

overlap in grid

Front

use z-index

Back

text-indent

Front

Specifies the indentation of the first line in a text-block(paragraph)

Back

implicit grid

Front

when the developer doesn't know how many items will be needed, implicit grid will keep adding rows tall enough as the content is

Back

named colors

Front

English words that describe colors, also called keyword colors

Back

align-content

Front

Specifies the alignment between the lines inside a flexible container when the items do not use all available space, works the same as justify-content.

Back

grid-template-colums property

Front

A CSS property that configures a grids columns, number of values configures number of columns, and the values are in pixels or percentage of grid width which configures size

Back

text-decoration

Front

Specifies the decoration added to text, lines, underline, overline, none, line-through are the values

Back

font-variant: small-caps;

Front

small caps fonts

Back

grid-auto-rows

Front

Specifies a default row size

Back

font-face

Front

to get the font-face you must enter the url for the font into the search bar and copy and paste the latin selectors onto the top of your stylesheet

Back

clear property

Front

specifies how an element should behave when it bumps into another during a float can be set to right, left, both, or none

Back

grid-row-start, grid-row-end

Front

used to make elements many rows. The value for grid-row-start should be the row at which you want the grid item to begin. The value for grid-row-end should be one greater than the row at which you want the grid item to end. An element that covers rows 2, 3, and 4 should have these declarations: grid-row-start: 2 and grid-row-end: 5.

Back

Alpha/Opacity

Front

Transparency value of object in animation; normally used to make an object gradually fade in or fade out, decimal number from zero to one

Back

minmax() function

Front

A CSS function that sets the minimum and maximum width/height of an element, width or height css property must be nonexistent, syntax as follows, (min, max)

Back

fr

Front

a css responsive unit that is used to set a fraction of the entire

Back

RGB

Front

numeric values that describe a mix of red, green, and blue, each of the three values represents a color component, and each can have a decimal number value from 0 to 255

Back

Serif

Front

fonts that have extra details on the ends of each letter. Examples include fonts like Times New Roman or Georgia, among others

Back

word-spacing property

Front

a CSS property that controls the amount of white space between words, preferred unit is ems

Back

text-transform property

Front

configures the capitalization of text

Back

grid-row-gap

Front

Specifies the size of the gap between rows

Back

grid-column

Front

A shorthand property for the grid-column-start and the grid-column-end properties, works the same as grid-row with the exception of the span keyword

Back

Hexadecimal colors

Front

begins with a hash character (#) which is followed by three or six characters, the hexadecimal number system has 16 digits (0-15) instead of 10 (0-9) like you are used to. To represent 10-15, we use A-F

Back

grid-auto-flow

Front

Specifies how auto-placed items are inserted in the grid, can be row, column, or dense as a value, you can pair row with dense or column with dense.

Back

float

Front

A CSS property used to position an element as far right or left as possible

Back

letter-spacing property

Front

a CSS property that controls the amount of white space between letters

Back

Sans-Serif

Front

fonts that do not have extra details on the ends of each letter. Instead, letters have straight, flat edges, like Arial or Helvetica

Back

align-items

Front

Specifies the alignment for items inside a flexible container, top to bottom, works the same as justify-items

Back

justify-items

Front

a css property that is used in grid to position items along a row. accepts the values, start, end, center, stretch

Back

inline-block display

Front

a value that allows you to style an element as if it were inline or block

Back

fonts can be summed up as

Front

font: italic bold 12px/2 courier; in the syntax including font-style, font-weight, font-size, line-height, and font-family.

Back

pseudo classes

Front

Used to define a special state of an element, such as first-child, last-child, active, hover, focus and many more

Back