Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

CSS

memorize.ai (lvl 286)

Section 1

Preview this deck

display (inline-block)

Front

1 / 20

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

Section 1

(20 cards)

display (inline-block)

Front

can appear next to each other and specify height and width ex: images are default inline-block

Back

typography

Front

the art of arranging text on a page

Back

default font for HTMl

Front

times new roman

Back

font-style

Front

can make text appear in italics

Back

opacity

Front

hsla (34, 100%, 50%, 0.1); rgba (55, 66, 77, 0.33); color: transparent value for half transparent = 0.5

Back

float

Front

left: move elements as far left as possible right: move elements as far right as possible

Back

Google Fonts

Front

provides free fonts that can be used in an HTML file with the <ling> tag or the @font-face property

Back

text-align

Front

changes where text is horizontally on page

Back

ID name

Front

use if an HTML element needs to be styled uniquely with id attribute <h1 id= "large title"> ... </h1> #large-title{ }

Back

"color"

Front

styles foreground color

Back

RGB

Front

numbers describe mix of red green and blue color: rgb (143, 188, 143)

Back

HSL

Front

numbers describe hue saturation and lightness color: hsl(120, 60%, 70%)

Back

display (inline)

Front

displays content on the same line as the content surrounding it, including the anchor tag

Back

serif

Front

have extra details on ends of letters sans-serif fonts do not

Back

font-weight

Front

property that controls weight of text

Back

<link>

Front

link CSS file to HTML with <link> - placed within <head> - self closing tag <link href= "url" type= "text/css" rel= "stylesheet"> if CSS file is in the same directory as HTML file, use relative path instead of url <link href= "./style.css" type= "text/css" rel= "stylesheet">

Back

display (block)

Front

not displayed on the same line as surrounding content fill entire width of page unless specified, are the height necessary to fit content inside them elements that are block-level by default: <h1>-<h6>, <p>, <div>, <footer>

Back

float (clear)

Front

clear specifies how elements should behave when the bump into each other - left: left side of element will not touch any other element - right: right side of element will not touch any other element - body: neither side of element will not touch any other element -none: the element can't touch either side

Back

padding

Front

space between content and border can specify padding-top, right, bottom, or left you can specify how much padding should be on each side in one declaration padding: 6px 11px 2px 3px (clockwise) padding: 5px (top and bottom) 10 px (left and right) ^this applies for margins too

Back

auto

Front

the margin property that allows you to center content div{ margin: 0 auto; } ^will center content 0 sets top and bottom margins to 0px and auto makes it centered (in order to center an element, a width must be set for the element)

Back