Global CSS

Dalam pembuatan website pasti ada css yang kita gunakan berulang-ulang, hal ini biasa saya sebut dengan global CSS. Apa itu global css definisi dari saya adalah css yang bisa kita gunakan di setiap project. Berikut kode global css yang saya gunakan selama menjadi web developer

body{overflow-x:hidden;}

/*the basic*/

.lebar_full{width: 100%;}

.lebar_90{width: 90%;}

.lebar_85{width: 85%;}

.lebar_80{width: 80%;}

.lebar_75{width: 75%;}

.lebar_70{width: 70%;}

.lebar_65{width: 65%;}

.lebar_60{width: 60%;}

.lebar_55{width: 55%;}

.lebar_50{width: 50%;}

.lebar_45{width: 45%;}

.lebar_40{width: 40%;}

.lebar_35{width: 35%;}

.lebar_30{width: 30%;}

.lebar_27_5{width: 27.5%;}

.lebar_25{width: 25%;}

.lebar_20{width: 20%;}

.lebar_10{width: 10%;}

.lebar_5{width: 5%;}

.padding_left_1{padding-left: 1%;}

.padding_left_2{padding-left: 2%;}

.padding_left_2_5{padding-left: 2.5%;}

.padding_left_5{padding-left: 5%;}

.padding_left_10{padding-left: 10%;}

.padding_left_12_5{padding-left: 12.5%;}

.padding_left_15{padding-left: 15%;}

.padding_left_20{padding-left: 20%;}

.padding_left_25{padding-left: 25%;}

.padding_left_30{padding-left: 30%;}

.padding_left_40{padding-left: 40%;}

.padding_left_50{padding-left: 50%;}

.padding_left_60{padding-left: 60%;}

.padding_left_70{padding-left: 70%;}

.padding_left_80{padding-left: 80%;}

.padding_left_90{padding-left: 90%;}

.padding_right_1{padding-right: 1%;}

.padding_right_2_5{padding-right: 2.5%;}

.padding_right_5{padding-right: 5%;}

.padding_right_10{padding-right: 10%;}

.padding_right_12_5{padding-right: 12.5%;}

.padding_right_15{padding-right: 15%;}

.padding_right_20{padding-right: 20%;}

.padding_right_25{padding-right: 25%;}

.padding_right_30{padding-right: 30%;}

.padding_right_40{padding-right: 40%;}

.padding_right_50{padding-right: 50%;}

.padding_right_60{padding-right: 60%;}

.padding_right_70{padding-right: 70%;}

.padding_right_80{padding-right: 80%;}

.padding_right_90{padding-right: 90%;}

.padding_top_1{padding-top: 1%;}

.padding_top_1_5{padding-top: 1.5%;}

.padding_top_2_5{padding-top: 2.5%;}

.padding_top_3_5{padding-top: 3.5%;}

.padding_top_5{padding-top: 5%;}

.padding_top_7{padding-top: 7%;}

.padding_top_10{padding-top: 10%;}

.padding_top_12_5{padding-top: 12.5%;}

.padding_top_15{padding-top: 15%;}

.padding_top_20{padding-top: 20%;}

.padding_top_25{padding-top: 25%;}

.padding_top_30{padding-top: 30%;}

.padding_top_40{padding-top: 40%;}

.padding_top_45{padding-top: 45%;}

.padding_top_50{padding-top: 50%;}

.padding_top_60{padding-top: 60%;}

.padding_top_70{padding-top: 70%;}

.padding_top_80{padding-top: 80%;}

.padding_top_90{padding-top: 90%;}

.padding_bot_0_5{padding-bottom: 0.5%;}

.padding_bot_1{padding-bottom: 1%;}

.padding_bot_1_5{padding-bottom: 1.5%;}

.padding_bot_2_5{padding-bottom: 2.5%;}

.padding_bot_5{padding-bottom: 5%;}

.padding_bot_10{padding-bottom: 10%;}

.padding_bot_15{padding-bottom: 15%;}

.padding_bot_20{padding-bottom: 20%;}

.padding_bot_25{padding-bottom: 25%;}

.padding_bot_30{padding-bottom: 30%;}

.padding_bot_40{padding-bottom: 40%;}

.padding_bot_50{padding-bottom: 50%;}

.padding_bot_60{padding-bottom: 60%;}

.padding_bot_70{padding-bottom: 70%;}

.padding_bot_80{padding-bottom: 80%;}

.padding_bot_90{padding-bottom: 90%;}

.margin_5{margin:5%;}

.margin_10{margin:10%;}

.margin_15{margin:15%;}

.margin_20{margin:20%;}

.margin_25{margin:25%;}

.margin_30{margin:30%;}

.margin_40{margin:40%;}

.margin_50{margin:50%;}

.margin_60{margin:60%;}

.margin_70{margin:70%;}

.margin_80{margin:80%;}

.margin_90{margin:90%;}

.margin_left_5{margin-left: 5%;}

.margin_left_10{margin-left: 10%;}

.margin_left_15{margin-left: 15%;}

.margin_left_20{margin-left: 20%;}

.margin_left_25{margin-left: 25%;}

.margin_left_30{margin-left: 30%;}

.margin_left_35{margin-left: 35%;}

.margin_left_40{margin-left: 40%;}

.margin_left_45{margin-left: 45%;}

.margin_left_50{margin-left: 50%;}

.margin_left_60{margin-left: 60%;}

.margin_left_70{margin-left: 70%;}

.margin_left_80{margin-left: 80%;}

.margin_left_90{margin-left: 90%;}

.margin_top_2{margin-top: 2%;}

.margin_top_2_5{margin-top: 2.5%;}

.margin_top_5{margin-top: 5%;}

.margin_top_10{margin-top: 10%;}

.margin_top_12_5{margin-top: 12.5%;}

.margin_top_15{margin-top: 15%;}

.margin_top_20{margin-top: 20%;}

.margin_top_25{margin-top: 25%;}

.margin_top_30{margin-top: 30%;}

.margin_top_40{margin-top: 40%;}

.margin_top_45{margin-top: 45%;}

.margin_top_50{margin-top: 50%;}

.margin_top_60{margin-top: 60%;}

.margin_top_70{margin-top: 70%;}

.margin_top_80{margin-top: 80%;}

.margin_top_90{margin-top: 90%;}

.margin_bot_2_5{margin-bottom: 2.5%;}

.margin_bot_5{margin-bottom: 5%;}

.margin_bot_10{margin-bottom: 10%;}

.margin_bot_15{margin-bottom: 15%;}

.margin_bot_20{margin-bottom: 20%;}

.margin_bot_25{margin-bottom: 25%;}

.margin_bot_30{margin-bottom: 30%;}

.margin_bot_40{margin-bottom: 40%;}

.margin_bot_50{margin-bottom: 50%;}

.margin_bot_60{margin-bottom: 60%;}

.margin_bot_70{margin-bottom: 70%;}

.margin_bot_80{margin-bottom: 80%;}

.margin_bot_90{margin-bottom: 90%;}

.margin_right_2_5{margin-right: 2.5%;}

.margin_right_5{margin-right: 5%;}

.margin_right_10{margin-right: 10%;}

.margin_right_15{margin-right: 15%;}

.margin_right_20{margin-right: 20%;}

.margin_right_25{margin-right: 25%;}

.margin_right_30{margin-right: 30%;}

.margin_right_35{margin-right: 35%;}

.margin_right_40{margin-right: 40%;}

.margin_right_50{margin-right: 50%;}

.margin_right_60{margin-right: 60%;}

.margin_right_70{margin-right: 70%;}

.margin_right_80{margin-right: 80%;}

.margin_right_90{margin-right: 90%;}

.margin_2_5{margin:0 2.5% !important;}

.margin_5{margin:0 5% !important;}

.margin_7_5{margin:0 7.5% !important;}

.margin_10{margin:0 10% !important;}

.margin_12_5{margin:0 12.5% !important;}

.margin_15{margin:0 15% !important;}

.margin_17_5{margin:0 7.5% !important;}

.margin_20{margin:0 20% !important;}

.margin_25{margin:0 25% !important;}

.margin_30{margin:0 30% !important;}

.margin_35{margin:0 35% !important;}

.margin_40{margin:0 40% !important;}

.margin_45{margin:0 45% !important;}

.margin_50{margin:0 50% !important;}

.margin_55{margin:0 55% !important;}

.margin_60{margin:0 60% !important;}

.margin_65{margin:0 65% !important;}

.margin_70{margin:0 70% !important;}

.margin_75{margin:0 75% !important;}

.margin_80{margin:0 80% !important;}

.margin_85{margin:0 85% !important;}

.margin_90{margin:0 90% !important;}

.margin_tengah{margin:0 auto !important;}

.absolute{position: absolute;}

.relative{position: relative;}

.left{float: left;}

.right{float:right;}

.bottom{bottom:5px;}

.cursor{cursor: pointer; cursor: hand;}

.putih{color: #ffffff;}

.hitam{color:#000000;}

Kode di atas bisa anda tambahkan sesuai dengan keinginan dan kebutuhan anda. Kode di atas tidak harus anda gunakan. Jika anda tidak terlalu membutuhkan anda bisa menggunakan referensi yang lain.