Where should i add css in html file?

265 Views Asked by At

I was trying to add css in my blogger's blog but for some reason blogger theme designer is not working so i decided to add css directly in the code using tags, but I can't find the tag in the html file. It is my first time when I am unable to understand where is. Anyone know where tag is in this file to add css? I did not Code it completely! And the person who did is no longer in contact with me!

Click Here to see Code

4

There are 4 best solutions below

16
On BEST ANSWER

Search for this ]]></b:skin> and place your CSS code before it without using <style>

Or if you want to use a style tag, place it after </b:skin>

3
On

To use an external style sheet, add a link to it in the section of the HTML page:

<head>
  <link rel="stylesheet" href="styles.css">
</head>
1
On

Your program should look like this

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

you should add the head tag yourself to the top of the document if you do not have one already. for the href change that to the name of your css file.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML amp='amp' lang='en'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1' name='viewport'/>
<!--[if ie]><meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/> <![endif]-->
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://justpaste.it/redirect/3qnyk/http://www.blogger.com/openid-server.g' rel='nofollow'/>
<link expr:href='' rel='nofollow'/>
<link expr:href='' rel='nofollow'/>
</head>

1
On

The <style> element is used to add CSS style rules to an HTML document. The element is expected to appear in the document <head>, but will also render acceptably when used in the <body> of the document.