HTML and CSS Flashcards
Elements
designators that define the structure and content of objects within a page
Tags
<> opening tag
> closing tag
This is a tag:
…
Attributes
properties used to provide addtl information about the element
id attribute
identifies an element
class attribute
classifies an element
src attribute
specifies a source for embeddable content
href attribute
provides a hyperlink reference to linked resource
Selectors
designates exactly which element or elements within our HTML to target and apply styles to
Properties
determines the styles that will be applied to that element
Values
determine the behavior of that property with a value.
Type Selector
target elements by their element type
Class Selectors
target elements based on the element’s class attribute value
ID Selectors
target only one unique element at a time
Semantics
the practice of giving content on the page meaning and structure by using the proper element.
Block-level elements
begin on a new line, stacking one on top of the other, and occupy any available width. Block-level elements may be nested inside on another and may wrap inline-level elements
Inline-level elements
do not begin on a new line. They fall into the normal flow of a document, lining up one after the other, and only maintain the width of their content. Inline-level elements may be nested inside one another; however, they cannot wrap block-level elements
Heading elements
<h1>...</h1>
through
<h6>...</h6>
Paragraph element
<p>..</p>
Bold text
<strong>…</strong>
<b>…</b>
Italicize text
<em>…</em>
<i>…</i>
html
HyperText Markup Language
css
Cascading Style Sheets
typeface
it is what we see. it is the artistic impression of how text looks, feels and reads
in a song vs mp3 analogy, typeface is the song
font
is a file that contains a typeface. using a font on a computer allows the computer to access the typeface.
in a song vs mp3 analogy, font is the mp3
universal selector (symbol)
*
type selector (symbol)
nothing?
class selector (symbol)
.
id selector (symbol)
#
