Skip to content
- CSS syntax – selector {property: value;}
- CSS commenting- /* comment */
- links to external stylesheet –
<link rel=”stylesheet” href=”styles.css”>
- internal stylesheet – <style> h1 { font-size: 22px; } </style>
- inline css – <p style=”color: red;”>some text</p>
- CSS selectors, specifying selectors –
h1 { color: red; },
#bio { color: black; },
.stanza { color: silver; },
.stanza h1 { font-size: 20px; }
- identify when and why a rule is applied to an element –
inheritance
specificity
location
- Be able to identify correct unit measurements in CSS style rules- 10px, 2.5em, 50%
- display property –
display: block
display: inline
display: inline-block
display: none
- float property –
float: left
float: right
float: none
and for clearing floats:
clear: left, right or both
- positioning – relative, absolute, fixed, z-index
- color schemes- monochromatic, complimentary, split-complimentary, triadic
- serif/sans-serif fonts
- fixed vs. flexible web design
- color codes –
hexadecimals (#f0f0f0)
rgb(0,0,0)
rgba(0,0,0,1)
- font properties –
font-family
font-size
font-weight
font-style
font-variant
- text properties –
text-align
text-decoration
color
- border property – border: 1px solid #000000
- background image – #wrapper {background: url(background.png);}
- center a div – #wrapper {margin: 0 auto;}
- link styles –
a:link, a:visited { color: red; text-decoration: none; }
a:hover, a:focus { color: orange; }