you can write the css codes separately in notepad ++ and in between:
<style> </style >
and then you can link that css file in html sheet by giving a link like this :
<link rel="stylesheet" href="style.css">
(rel indicates what kind of file we are linking like we have linked a stylesheet )
(href indicated where is the file located or what the file name is for our case it is style.css)
<!DOCTYPE html>
<html>
<head>
my first web page
</head>
<body>
<h1>
this is the web page
</h1>
<nav>
<ol>
<li>
name
</li>
<li>
address
</li>
<li>
email id
</li>
<li>
phone no
</li
</ol>
<ul>
name
address
email id
phone no
</ul>
</nav>
</body>
</html>
here is an example
suppose we want to style the <li> or the <nav>
then what we will do is
li{
}
and do our work in between the brackets for li
or if want style the nav then;
nav{
}
this how you need to design for css
<style> </style >
and then you can link that css file in html sheet by giving a link like this :
<link rel="stylesheet" href="style.css">
(rel indicates what kind of file we are linking like we have linked a stylesheet )
(href indicated where is the file located or what the file name is for our case it is style.css)
<!DOCTYPE html>
<html>
<head>
my first web page
</head>
<body>
<h1>
this is the web page
</h1>
<nav>
<ol>
<li>
name
</li>
<li>
address
</li>
<li>
email id
</li>
<li>
phone no
</li
</ol>
<ul>
name
address
email id
phone no
</ul>
</nav>
</body>
</html>
here is an example
suppose we want to style the <li> or the <nav>
then what we will do is
li{
}
and do our work in between the brackets for li
or if want style the nav then;
nav{
}
this how you need to design for css
