techxdeveloper

## css_universal_selector.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Selectors</title>
	<style>
		*	{
			padding: 20px;
			border: 1px solid #212121;
		}

## css_universal_selector_child_selector.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Universal Selector (Child Selector)</title>
	<style>
		#wrapper * {
			padding: 20px;
			margin: 20px;
			background-color: #00bdc4;

## css_id_selector.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS ID Selector</title>
	<style>
		#container {
			padding: 20px;
			margin: 20px;
			border: 1px solid #00bdc4;

## css_psuedo_class_selector (active, hover, link, visited).html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:active, :hover, :link, :visited)</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;

## css_pseudo_class_selector (active and hover).html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:active and :hover)</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;

## css_class_seletor.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Class Selector</title>
	<style>
		.container {
			padding: 20px;
			margin: 20px;
			background-color: #00bdc4;

## css_element_type_selector.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Element Type Selector</title>
	<style>
		div {
			padding: 20px;
			margin: 20px;
			background-color: #f5f5f5;

## css_descendant_selector.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Descendant Selector</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;

## css_pseudo_class_selector(checked).html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:checked)</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;

## css_pseudo_class_selector(enabled_and_disabled).html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS Psuedo Class Selector (:enabled and :disabled)</title>
	<style>
		h1 {
			color: #00bdc4;
			border-bottom: 1px solid #bdbdbd;
			padding-bottom: 20px;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CSS Selectors</title>
	<style>
	* {
	padding: 20px;
	border: 1px solid #212121;
	}