GD with GDDEMOLAND BookCheatsheet Chapter 2 of 3CSS

Chapter 2

CSS

CSS (Cascading Style Sheets) styles websites to make them pretty.

Select a demo

2.1Adding CSS to a file using the <style> element 2.2CSS classes 2.3Inline CSS using style="" 2.4Inheritence and specificity 2.5The box model 2.6The position property 2.7Units 2.8Colors 2.9Styling text 2.10Importing fonts 2.11Basic interactivity using :hover and :active states 2.12Animation using @keyframes 2.13Flexbox 2.14Grid 2.15Responsive design using @media queries

What Is DEMOLAND?

Coding Cheatsheet

Start a new file

More from GD with GD

Current bookCheatsheet

Web DocumentationCheatsheet

Websites are made of three programming languages: HTML, CSS, and JavaScript. Let’s break down what makes each language special!

HTML (HyperText Markup Language) organizes a website’s content.

1.1Elements 1.2Attributes 1.3Block vs. Inline Elements 1.4Typography 1.5Hyperlinks 1.6Anchor Links 1.7Media 1.8Tables 1.9Forms 1.10Document Structure

CSS (Cascading Style Sheets) styles websites to make them pretty.

2.1Adding CSS to a file using the <style> element 2.2CSS classes 2.3Inline CSS using style=""2.4Inheritence and specificity 2.5The box model 2.6The position property 2.7Units 2.8Colors 2.9Styling text 2.10Importing fonts 2.11Basic interactivity using :hover and :active states 2.12Animation using @keyframes2.13Flexbox 2.14Grid 2.15Responsive design using @media queries

JavaScript (JS) empowers websites with deeper functionality.

3.1Adding JavaScript to a file using the <script> element 3.2Defining variables with let and const3.3Operations (+, -, <, >, and more)3.4Conditional logic using if...then statements 3.5Randomization using Math.random()3.6Functions 3.7Loops 3.8The Document Object Model (DOM)3.9Events