adding CSS

Introduction

There are three ways to add CSS to an HTML document: inline, internal, and external.

Inline CSS:
Add CSS style to an HTML element using the style attribute.
e.g. <h1 style="color:blue;">This is a heading</h1>

Internal CSS:
Add CSS style to an HTML document using the <style> element inside the <head> element.
e.g. 

<style>
	h1 {color:blue;}
</style>
<h1>This is a heading</h1>

External CSS:
Add CSS style to an HTML document by loading an external CSS file.
e.g.

sample.html:

<link rel="stylesheet" href="styles.css">
<h1>This is a heading</h1>
style.css:
h1 {color:blue;}

Common CSS frameworks

There are many CSS frameworks available.
These frameworks provide pre-designed CSS styles that you can use to quickly create a professional-looking website.
Here are some of the most popular ones: