Home HTML CSS JAVASCRIPT BOOTSTRAP Python Docker ML tutorial ☰ About us Privacy policy

Add CSS in HTML


Add CSS in Html


Css is providing a way to add css in html document three ways of inserting a style sheet in Html document:-
  • External CSS
  • Internal CSS
  • Inline CSS

    • External CSS

    The < link > element is using in Html pages to describe the relationship between two documents(css and Html)
    < link rel=”stylesheet” type=”text/css” href=”...” / >


    <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h1>This is a code family</h1>
<p>This is a codesfamily.</p>
</body>
</html>
    An external CSS style-sheet can be written in your text editor

    mystyle.css

    body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}


    Internal CSS:-

    A internal CSS style-sheet using in the single HTML web page has been unique style. and Using < style > </ style >.

    <!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: linen;
}

h1 {
  color: red;
  margin-left: 40px;
}
</style>
</head>
<body>

<h1>This is a code family</h1>
<p>This is a codesfamily.</p>

</body>
</html>

    Inline CSS:-

    Inline css is using in single element.

    <!DOCTYPE html>
<html>
<body>

<h1 style="color:red;text-align:center;">This is  Code family</h1>
<p style="color:yellow;">This is a codesfamily.</p>

</body>
</html>


    More Topics