Introduction to Using CSS and HTML together
Welcome to this introduction to Using CSS. These set of pages aim to argue the need to separate HTML Structure from CSS Styling when writing new web pages, in addition to covering the basics of CSS, and how the CSS language is designed to be used.
Disclaimer: These pages imply that you have some basic knowledge of how to structure and layout a web page in HTML and some prior knowledge of CSS. In addition, the page references to HTML5 and CSS3 by default, any other versions will be stated explicitly.
You may notice the dotted lines under the acronyms above. These dotted lines are used to indicate what the acronym will mean when you hover your cursor over it.
Citations will be used on these pages to allow you to refer to official documentation which will cover the full scope of the topics we discuss here. All citations will look like "[x]", and will link to the Bibliography page with further information. All citations will have a return link so you can resume without having to spend time navigating half way down a page.
Additionally, code blocks like the example below will be used to demonstrate code examples. They are purely used for demonstration purposes and may not contain full blocks of code, only snippets. They will be used to show specific examples of how things are supposed to be used.
The contents of this block,
are designed to represent,
code in its raw form.
Anything in here is a code snippet, and can be copied in your examples.
It's good to understand that syntax is crucial for code,
the downside is that each of the languages have different syntaxes,
so be aware of the language in the title of the code block.