How to include CSS code into HTML code

created 7.2 y • edited 7.2 y by Richard Foulon • Updates history (3)

● Easy 🚩 1 step

To include CSS code into HTML code, you need 2 things:

Html ▼

shoppingbag View guides which use Html blueprint Find info page about Html workbench Find a guide to know how to make a Html Find a guide to know how to find a Html

Css ▼

shoppingbag View guides which use Css blueprint Find info page about Css workbench Find a guide to know how to make a Css Find a guide to know how to find a Css

Here is how to include some CSS code directly in the HTML code.

It's not recommended to do this since we can make a CSS file and link it with the HTML page, but in some cases you might need to include little pieces of CSS code directly in the HTML code, so let's see how to do that!

Add "style" tag

Just add the <style> tag with your CSS code, inside the <head> section.

Example:

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			.intro{
				font-size: 110%;
				color: blue;
			}
		</style>
	</head>
	<body>
		...
	</body>
</html>

◄

HTML

Have some advice, techniques or tips to share about HTML?

📝 Create a guide

Share this guide with your friends! 163