Programming Tips and Tricks: How to add style sheet to an html page

Friday, February 3, 2012

How to add style sheet to an html page

How to add style sheet to an html page

How to add style sheet to an html page

Create a css file say index.css and add style to it

body{
@import url('https://fonts.googleapis.com/css?family=Tangerine&display=swap');
body{
font-family: 'Tangerine', serif;
font-size: 48px;
}

In the header section of your html page, add the reference to the above css file path

<!DOCTYPE html>
<html lang="en">
<header>
<link rel="stylesheet" href="index.css">
</header>
<body>
<div>your page content</div>
</body>

The style defined in the index.css file will be available on the page

Redmi 11 Prime 5G

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)