Top 3 ways to combine CSS with html
Top 3 ways to combine CSS with html |
| Combine html with CSS |
***The 1 and 3 no way is mostly granted.
Way 1 :
The first way is add the css code to html code by using <style> tag
You can add a html with css by entering css at the fond or last of the code
Example :
<html>
<style> css code
</style>
<p> your text </p>
</html>
Way 2 :
The second way is The code and the file will attch by a link and those file will stay togther. The system is create a folder and in that paste your name.css
and name.html and in the html write name.css in the link. And then when will you view the file the browser will got that it have a css file and browser will take it from folder.
Example :
<html>
<head>
<link rel="stylesheet" href="name.css">
</head>
<body>
Design It In Your Way
</body>
<html>
and name.html and in the html write name.css in the link. And then when will you view the file the browser will got that it have a css file and browser will take it from folder.
Example :
<html>
<head>
<link rel="stylesheet" href="name.css">
</head>
<body>
Design It In Your Way
</body>
<html>
Way 3:
As is it a bit long process there are two way given to you for learn no.1 is typed
And the no.2 is Photo in the last of porst, for easily understanding.
The 3rd way is a bit long process but it may help specially the bloggers and many others it is by Taking the CSS file from firebase.
For this go to google search and search for firebase and then sign up at the first time.
Then create a project by giving any name and go to the database. A popup will show check in read and right mode.
Then go to rules and delete write and then go to storage and upload the file.
Click on the uploaded file then click on location and click on download url.
The url will be copied in your clipboard.
All done now paste it in your html code by this.
Example:
<html>
<head>
<link rel="stylesheet" href="Paste the link here">
</head>
<body>
Design It In Your Way
</body>
<html>
Photo:
