CSS - Cascading Style Sheet
- Using Properties and Values to change how HTML elements look
- CSS selectors use Braces like JavaScript
- Properties and Values are separated by a colons
- Declarations are closed with semicolons
selector{
(Declaration)
Property: Value;
}
Home Page
Homework
Classwork
This is a temporary home page served from a GitHub repository.
External
- Requires a separate file
- File must be .css extension
- File must be accessible from document
- File must be linked to in document
Internal
- Must be within style tag
- <style>…</style>
- Style tag must be within head tag
- <head>…</head>
Inline
- Requires style attribute
- style=“…”
- Style attribute must be in opening tag
- <tag style=“…”>…</tag>
- Desired tag must be in body tag
-
<body>…<tag>…</tag>…</body>
- All CSS code must be within quotes
You can try formatting it
But web servers only see it as…
…a run on sentence
Rules
- Never use Inline if another element needs to be styled in that way
- Never use Internal if an element on another page needs to be styled in that way
- External Style Sheet must be a .css file
Recommendations
- Use External Style Sheets most of the time
- Only use Internal Style Sheets if it will save unnecessary bandwidth
- Avoid confusion and clutter by avoiding Inline Style Attributes
- Stay organized by separating code by placing JavaScript files, Style Sheets, and Images in their own directories
Sources
- CSS Syntax
- CSS Implementation