welcome to tutorialfamily

html css

HTML css is define in <style>….</style>

Html css used for giving stylesheet to element.

Html css type inline, internal and external.

html inline css

example inline css



<!DOCTYPE html>
<html>
	<head>
		<title>
			inline css demo
		</title>
	</head>
<body>
	<span style="color:black;">This is my car !!!</span>
	<span style="color:red;">This is my car !!!</span>
	<span style="color:brown;">This is my car !!!</span>
	<span style="color:green;">This is my car !!!</span>
</body>
</html>


html internal css

example internal css



<!DOCTYPE html>
<html>
	<head>
		<title>
			internal css demo
		</title>
	</head>
	<style>
		span
		{
			font-size:24px;
		}
		span.black
		{
			color:black;
		}
		span.red
		{
			color:red;
		}
		span.brown
		{
			color:brown;
		}
		span.green
		{
			color:green;
		}
	</style>
<body>
	<span class="black">This is my car !!!</span>
	<span class="red">This is my car !!!</span>
	<span class="brown">This is my car !!!</span>
	<span class="green">This is my car !!!</span>
</body>
</html>


html external css

example external css



<!DOCTYPE html>
<html>
	<head>
		<title>
			external css demo
		</title>
		<link type=”text/css” href=”yourcssfilename.css(path of your external stylesheet)” rel=”stylesheet”>
	</head>
	
<body>
	<span class="black">This is my car !!!</span>
	<span class="red">This is my car !!!</span>
	<span class="brown">This is my car !!!</span>
	<span class="green">This is my car !!!</span>
</body>
</html>


Our Content