1. Internal
The 1st one is by placing the <style>
tag in the <head>
or in the <body>
.
if you placed in the body make sure it's after the opening
<body>
tag, so your styles will run for all the elements in the body.
This way is not for daily use or for big projects, because the html file will be complicated more and more.
2. External
The 2nd is by creating a CSS file and link it inside your HTML .
In this example we created a CSS file named style.css
and linked it using the link
tag. put the path to your css file in the href
.
3. Inline
The last way is the inline way. by adding the style
property inside any HTML tag you want to style.
The common used way for daily programming is the External way
Top comments (0)