Alan's public fiddles
-
Display Inline-Block
Displaying boxes using inline-block
-
Floats - The Better Way
Using floats to display divs
-
Adding anchor link properties
Styling anchor links for when hovered, active, already visited and when first seen
-
CSS Fonts and Font Styles
Styling text through the use of font families and font styles
-
Text Decoration
Using the text-decoration property in css to style text
-
Text Alignment
Using css text alignment properties to align text in a list
-
Color
Using color to style borders, outlines, backgrounds and text
-
Background Image
Setting a background image for divs
-
Background Color
Changing the background color of divs
-
Centering Text
Centering text in a container
-
Centering a Container
Centering divs within a wrapper using (1) 'auto' and (2) percentage margins.
-
CSS Class Selectors
Using css class selectors to style paragraphs and headers
-
CSS ID Selectors
Using CSS ID selectors to style a paragraph and a wrapper div
-
CSS Selectors
Using basic site wide selectors to style site wide elements
-
CSS Color - HEX
Styling a paragraph with HEX colors
-
CSS Color - RGB
Styling a paragraph with RGB colors
-
CSS Color - Names
Styling a paragraph using color names
-
Styling a Heading
Styling a Heading using transitions, rotation and hover properties
-
Styling a Paragraph
Using CSS to style a header using hex color values and em font sizes
-
yt17ksnc
No-Library (pure JS), HTML, CSS, JavaScript