New course! Every coder should learn Generative AI!
Try a free lesson+ 1
There are some ways to use CSS:
- Inline style sheets: a term that refers to style sheet information being applied to theĀ currentĀ element:
<p style="color: #ff9900">
-Embedded style sheets: refer to when you embed style sheet information into an HTML document using theĀ <style>element.Ā
<html>
<head>
<style type="text/css">
p {
font-family: georgia, serif;
font-size: x-large;
color:#ff9900;
}
a:hover {
color: LimeGreen;
text-decoration: none;
}
</style>
</head>
...
- External style sheet: a separate file where you can declare all the styles that you want to use on your website.
body { background-color: darkslategrey; color: azure; font-size: 1.1em; }
h1 { color: coral; }
#intro { font-size: 1.3em; }
.colorful { color: orange; }