Skip to content

Instantly share code, notes, and snippets.

View techxdeveloper's full-sized avatar

techxdeveloper

View GitHub Profile
@techxdeveloper
techxdeveloper / css_universal_selector.html
Created October 1, 2017 08:00
CSS Universal Selector Sample
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Selectors</title>
<style>
* {
padding: 20px;
border: 1px solid #212121;
}
@techxdeveloper
techxdeveloper / css_universal_selector_child_selector.html
Created October 1, 2017 08:32
CSS Universal Selector (Child Selector)
<!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;
@techxdeveloper
techxdeveloper / css_id_selector.html
Created October 1, 2017 08:42
CSS ID Selector
<!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;
@techxdeveloper
techxdeveloper / css_psuedo_class_selector (active, hover, link, visited).html
Created October 1, 2017 10:48
CSS Psuedo Class Selector (:active, :hover, :link, :visited)
@techxdeveloper
techxdeveloper / css_pseudo_class_selector (active and hover).html
Created October 1, 2017 11:17
CSS Psuedo Class Selector (:active and :hover)
<!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;
@techxdeveloper
techxdeveloper / css_class_seletor.html
Last active October 1, 2017 11:26
CSS Class Selector
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Class Selector</title>
<style>
.container {
padding: 20px;
margin: 20px;
background-color: #00bdc4;
@techxdeveloper
techxdeveloper / css_element_type_selector.html
Created October 1, 2017 11:26
CSS Element Type Selector
<!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;
@techxdeveloper
techxdeveloper / css_descendant_selector.html
Created October 1, 2017 11:27
CSS Descendant Selector
<!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;
@techxdeveloper
techxdeveloper / css_pseudo_class_selector(checked).html
Created October 9, 2017 06:47
CSS Psuedo Class Selector (:checked)
<!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;
@techxdeveloper
techxdeveloper / css_pseudo_class_selector(enabled_and_disabled).html
Created October 9, 2017 07:12
CSS Psuedo Class Selector (:enabled and :disabled)
<!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;