There are three ways of inserting a style sheet
External CSS
Internal CSS
Inline CSS
External styles are defined within the < > element, inside the < > section of an HTML page
<link> element, <head> section
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyle.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
what tag do we use to link css style sheet?
<link>, <href>
<link rel="stylesheet" href="mystyle.css">
The internal style is defined inside the ____ element, inside the head section
“<style></style>”
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>may be used to apply a unique style for a single element
Inline styles
<!DOCTYPE html> <html> <body> <h1 style="color:blue;text-align:center;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> </body> </html>