HTML
<element name="value">
-
<head>
describes the web page, meta info
-
<body>
visible page content
-
<header>
group of introductory or navigational aids (headings, logo, nav, search)
-
<footer>
(related links, copyright)
-
<div>
defines a division or a section, a container/wrapper
-
<nav>
links to other pages or parts within a page
-
<aside>
tangential content related to its surrounding content, sidebar
-
<section>
grouping of content with heading
-
<article>
a self-contained piece of content (forum post, article, blog entry)
-
<p>
paragraph text
-
<h1>
most important heading
-
<h2>
heading less important than h1
-
<span>
generic inline container
-
<ul>
unordered list
-
<ol>
ordered list
-
<li>
list item
-
<a>
link, stands for anchor
CSS
body {
font-family: "Niveau Grotesk", sans-serif;
}
a:hover {
background-color: rgba(0,0,0,.5);
}
- background-image
- background-color
- background-position
- background-repeat
- background-size
- border-color
- border-width
- border-style
- border-radius
- box-sizing
- color
- cursor
- display
- float
- font-family
- font-size
- font-style
- font-weight
- height
- letter-spacing
- linear-gradient()
- line-height
- list-style-type
- margin
- max-width
- min-width
- opacity
- overflow
- padding
- position
- rgba()
- rotate()
- scale()
- ::selection
- text-align
- text-decoration
- text-transform
- z-index
- :first-child
- :last-child
- :nth-child()
- :not()
- :hover
- :active