ways to indicate CSS styles in your HTML code example

Example 1: css how to style a

/*a normal, unvisited link*/
a:link{
	color: green;
}
/*a link the user has visited*/
a:visited{
	color: purple;
}
/*a link when the user mouses over it*/
a:hover{
	color: yellow;
}
/*a link the moment it is clicked*/
a:active{
	color: brown;
}

Example 2: css in html

<!-- EXAMPLE -->
<div class="your_class" style="display:none">

<!--[SYNTAX: style="<CSS-code>"] -->

Example 3: CSS IN HTML

<!-- There are 3 ways to do this-->

<!-- #1: Inline CSS-->
<h1 style="color: red;">Red Heading</h1>

<!-- #2 Element CSS-->
<style>
  h1 {
    color: red;
  }
</style>
<h1>Red Heading</h1>

<!-- #3 Stylesheet CSS-->
<link rel="stylesheet" href="[stylesheet link]">

Example 4: how to css html

<html>
<head>
<style>
body{
	direction:rtl;
}
  </style>
  </head>
  <body>
  </body>
</html>

Tags:

Html Example

Related