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.