The document provides an overview of CSS (Cascading Style Sheets) concepts including:
- CSS is a rule-based language where you define styles to apply to elements on a web page.
- Everything in CSS generates a box, and there are different parts that make up the CSS box model.
- CSS selectors allow you to target specific elements or groups of elements to style. Combining selector types allows targeting elements in particular contexts.
- CSS properties control various aspects of styled elements like color, background, padding, borders, layout and more.
The document provides an overview of CSS (Cascading Style Sheets) concepts including:
- CSS is a rule-based language where you define styles to apply to elements on a web page.
- Everything in CSS generates a box, and there are different parts that make up the CSS box model.
- CSS selectors allow you to target specific elements or groups of elements to style. Combining selector types allows targeting elements in particular contexts.
- CSS properties control various aspects of styled elements like color, background, padding, borders, layout and more.
The document provides an overview of CSS (Cascading Style Sheets) concepts including:
- CSS is a rule-based language where you define styles to apply to elements on a web page.
- Everything in CSS generates a box, and there are different parts that make up the CSS box model.
- CSS selectors allow you to target specific elements or groups of elements to style. Combining selector types allows targeting elements in particular contexts.
- CSS properties control various aspects of styled elements like color, background, padding, borders, layout and more.
The document provides an overview of CSS (Cascading Style Sheets) concepts including:
- CSS is a rule-based language where you define styles to apply to elements on a web page.
- Everything in CSS generates a box, and there are different parts that make up the CSS box model.
- CSS selectors allow you to target specific elements or groups of elements to style. Combining selector types allows targeting elements in particular contexts.
- CSS properties control various aspects of styled elements like color, background, padding, borders, layout and more.
CSS is a rule-based language, you define the rules by
specifying groups of styles that should be applied to particular elements
or groups of elements on your web page.
CSS must use US spelling, so colour must be only use as color
Everything in CSS generates a box
Syntax and Lingo of CSS
CSS specs are intended for engineers to use
to implement support for the features in user agents,
NOT for web developers to read to understand CSS.
Many experienced developers would much rather refer to MDN documentation or other tutorials. Nevertheless, it is worth knowing that these specs exist and understanding the relationship between the CSS you are using, the browser support (see below), and the specs.
Find the "browser compatability" of a css property
Browsers usually doesn't integrate a feature at the same time
You can use some CSS in some browsers and not in others.
Use `Class` to target specific elements
CSS Selectors
Lastly, you can combine multiple types together
body h1 + p .special {
color: yellow;
background-color: black;
padding: 5px;
This will style any element with a class of special ,
