CSS and HTML
The web is built on HTML and styled with CSS.
The Web Development Course
-
Welcome to HTML
We use tags to cut up our HTML
-
More Tags
Here are some more tags you can use
-
Attributes
Extend the behaviour of your tags with attributes
-
Images
Add images to your page.
-
Lists
Lists are used everywhere in HTML
-
Style
We can add style to our page using simple attributes
-
Divs and Spans
For selecting arbitrary bits of the page
-
Hexadecimal Colours
Make your page look nice
-
Entity references
Special Characters look nice when splashed around
-
Selectors
Put common styles in a style tag
-
Extracting a stylesheet
Our styles can live in a separate sheet
-
Classes
Selecting elements by class
-
Nested Selectors
We can chain multiple selectors together to get better control
-
Full Width Layouts
Default and useful
-
Absolutely positioned layouts
Place items where you want them
-
Float layouts
A useful layout which respects height
-
Positioning with Margins
Handy simple layouts
The Responsive Design Course
-
Media Queries
The magic sauce that makes it all work. Media queries let us serve different CSS depending on the width or height of the browser.
-
Responsive Menu
Buttons must be made larger.
-
Responsive Images
Images fill the available space.
-
Vectors
Vector graphics provide infinite zoomability.
The CSS3 Course
-
Opacity
Like Glass.
-
Border Radius
Dangerous Curves.
-
Box Shadow
Not just for drop shadow
-
Multiple Backgrounds
All lying on top of one another.
-
Transformations
Bend it like Beckham.
-
Transitions
Move smoothly from state to state.
-
Pseudoelements
Add elements right there in your CSS.
-
Animation
Make it wiggle.