Write a first draft based on your approved topic.
Submit: digital file in .PDF format, uploaded to Brightspace by 6 pm, Mon, Mar 18
Basic CSS PDF Handout.
A good CSS tutorial for beginners
Lots of CSS examples at W3Schools.
Detailed CSS standards, tutorials and courses at MDN
An online tool for previewing text styles.
Responsive web design is web design that adapts to screen sizes, from phones to desktops.
https://getbootstrap.com is a framework (like a kit of parts) for building responsive web sites easily.
A bit advanced, but a useful framework for building CSS-based grids.
Important The W3C's CSS validator, similar to its HTML validator. Use the "by upload" option to upload a file from your computer for validating.
Way too many CSS resources.
selector | selector name | matches |
---|---|---|
h1 | type | all h1 tags |
.warning | class | every element with class="warning" |
#temporary | id | every element with id="warning" |
li a | descendant | every "a" tag within an "li" element |
* | universal | everything | div.warning | class | every div with class="warning" |
div#temporary | id | every div with id="warning" |
a#active | pseudo-class | every a tag in the "active" state - that is, the mouse is hovering over it. |
See the Pen CSS Scratchpad by Robert Currie (@rcurrie) on CodePen.
See the Pen Class selector example by Robert Currie (@rcurrie) on CodePen.
See the Pen Divs and positioning by Robert Currie (@rcurrie) on CodePen.
See the Pen CSS Centering by Robert Currie (@rcurrie) on CodePen.
The Bootstrap framework is a good starting point for building more complex web sites.
Hover.com is a reasonably priced, easy-to-use registry.
There are tens of thousands of options.
Want to skip the whole "do-it-yourself thing" but still want a web site you can change the appearance of? Try: