sojohnnysaid/css_getting_started.html

## css_getting_started.html
<!DOCTYPE html>
<html>
<head>
	<title>css example</title>

<!-- starting css rules -->
	<style type="text/css">
		/*css comment*/
		button{
			font-size: 17px;
			background: lightgray;
			padding: 25px;
		}

		button:hover{
			color: white;
			background: lightblue;
		}

		li{
			font-size: 1000000000px;
		}


		li:first-child{
			color: red;
			font-style: italic;
			font-size: 27px;
		}

		li:last-child:hover{
			color: lightgreen;
			cursor: default;
		}

		.bold{
			font-weight: bold;
			font-size: 25px;
		}


		li{
			font-size: 21px;
		}


	</style>
<!-- end of css rules -->
</head>
<body>
	<button>Click me</button>

	<ul>
		<li>one</li>
		<li>two</li>
		<li class="bold">three</li>
		<li class="bold">four</li>
	</ul>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>css example</title>

	<!-- starting css rules -->
	<style type="text/css">
	/css comment/
	button{
	font-size: 17px;
	background: lightgray;
	padding: 25px;
	}

	button:hover{
	color: white;
	background: lightblue;
	}

	li{
	font-size: 1000000000px;
	}


	li:first-child{
	color: red;
	font-style: italic;
	font-size: 27px;
	}

	li:last-child:hover{
	color: lightgreen;
	cursor: default;
	}

	.bold{
	font-weight: bold;
	font-size: 25px;
	}


	li{
	font-size: 21px;
	}


	</style>
	<!-- end of css rules -->
	</head>
	<body>
	<button>Click me</button>

	<ul>
	<li>one</li>
	<li>two</li>
	<li class="bold">three</li>
	<li class="bold">four</li>
	</ul>

	</body>
	</html>