CSS : Mengenal Class CSS

approved /9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBhISEBUUEhISFRQVFBUYGBgXFBcXGBkWGBQXFxcWFRQYGycgGBokGhQUHy8iIycpLCwtFx4xNTAqNSYtLCkBCQoKDgwOGg8PGjMkHyQvKSwtLy8sLCkqLTQsKi8vNDUsMCwsLywqNDQsMCwsLCwsLC0sLCwsLCwqLCwsLCwsLP/AABEIALIBHAMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABAUDBgcCAf/EAE8QAAEDAgMFAwcGCQkHBQAAAAEAAgMEEQUSIQYTMUFRImFxBxQyUoGRoSNCcpKxwRUzNDVic3SCskODk6KztNHw8RYkY3WUw9MlU1TU4f/EABsBAAIDAQEBAAAAAAAAAAAAAAAEAgUGAwEH/8QAPhEAAQMCAgUKBAQFBAMAAAAAAQACAwQRITEFEkFR0QYTFmFxgZGhsfAiMlLBFEKS4RUzNFPxIzVygiQlYv/aAAwDAQACEQMRAD8A7iiIhCIiIQiLxLM1rS5xDWgXJJsAOpJ4LRdoPKSASylAceG8cNP3G8/E+4rtDBJMbMCWqKqKnF5DxW61lfHE3NK9rG9XED3dStTxPynQt0hjdKep7DfiM3wC55V1ksz80j3Pd1cb27hyA7gvDYOqalFHR/1D7ncPfrZKQHSGkP6SOzfqOXicPC62Ct8odY/0XMjH6DR9rr/Cyp58aqZNXTzO/fdb3A2WNsYC9KvfyhhZhBD3n9r+qto+SdRLjUVHcAT6keijFrjqbnxTdHp8VJRcTynqNjG+fFMDkXSbZHeXBRt0enxTdHp8VJRHSep+hvnxXvQyj/uO8uCjbo9Pim6PT4qSiOk9T9DfPijoZR/3HeXBRt0enxTdHp8VJRHSep+hvnxR0Mo/7jvLgo26PT4puj0+KkojpPU/Q3z4o6GUf9x3lwUbdHp8U3R6fFSUR0nqfob58UdDKP8AuO8uCjbo9Pim6PT4qSiOk9T9DfPijoZR/wBx3lwUbdHoskU8jPRc9v0SR9iyovRymn/Mxp8eJUTyMph8krge7gFLptrayP0aiT94h/8AGCr6g8qEzdJomPHVpLD7tQfgtWIXh0ITDNOUkuE8VusY8D6pSXkzXwY00+t1HDiPRdYwnbalnsBJkefmydk+APon2FX11wR0J8VcYHthU0tgHZ4x/JvuRb9E8W+zTuT7aaGpbr0r79W39u8KqfWVFG/m62Mt69nA9xXZEVJs/tZBVizTlk5xu9Lxb6w8PbZXaQexzDquFirOORsjdZhuEREUF0RERCEREQhFCxbF4qaMySusBwHNx9Vo5lMXxWOnidLIbNHLmTya0dSuPY7jstXLnk8GMHBo6Dv6nmnaWl567nGzRmVXVtbzFmMF3nIe/ZUraPauWrdY9mIHsxjh4u9Z32clUsg6r3HFbxXtVukNN4czR/C3ftPZu7c1daK5NXIqa/4nn8uwdu/syHWgCIiyxNzcrbAACwRERC9RERCEREQhEREIRERCEREQhEREIRERCEUihoJJnhkTC9x5DkOpPADvKjrcXUz2PZh1PJuXGLf1c49MM0BZGeR1tfkLHqmIIedPUlp5ubFhnj2ADMnhtOCwOwukoYs9baWRzg0xseCWNcbZw24cSONxw5dVW4xgO7aJoXiamfq2Rutu59uB5X+w6KRT/g4u3cGHOqNdXuc4yO19LgSL8dSPYtnw3Z1lNBKadrojM0Dc1EodGw6gutd1yQRxJvYDRO8zFK2zNm0X4Y+7KvdUGA6zidYnI2AI7ASW2/yucLy+MFWeK7PT01t40ZTwe05mnuvyPiAq5V7HyQP1mktcO5WMkcNVHqvAc094UcZmEFpIINwQbEHuI4FdC2R2+zkQ1JAebBsnAOPR/R3fwPdz0UhR5YreC2NDpSOvAgqcH7Dv/fyK+f6T0JNowmpo8Y/zN3cR15jbdd8Rc/2G2z1bT1Du6N5+DHH7D7Oi6AvJ4HQv1XLymqWVDNdn+EREXBMovMkgaCXEAAEkngANSSvS0Xyk7QZWimYdXjNJbky+jfaRr3DvXaCEzPDAl6mdsEZkctW2t2kNXNpcRMuIx9ryOp+AsOqq4o7eK8QM5rMlNOaQA/8ADh+VvzdZ3cetWHJrRRP/ALCoF3O+XqG/v2bh2oiL3CbOaTycPtCyy25yXzdnofcV9ETvVd7iug7QY9KInVFLUxviD2sLd2DYkC/bPHiDa3NScKxwxxskrKqMb6MPY3JlsON8w9LQjkrs6KAiEvOCyzI0+4zmAQnWGOa5puz0PuK+OFuII8Qt5xLGa2KeCIVMbxOGZX7kD0nZb5bnqDxU2WtqGuLDiNHmBsWuY1pv0PauFN+hwxoc6UC+Wa5x8onSOc1sDiW54jBc4BRbtilSA4MxGmiyv9Gohvp7ePfb4Fa3juCuppMt8zHDNG8cHN/xGl/Z1SFXo+WmAccWnaFaaP0vDWksbcOGYOarUREgrdEREIRERCEREQhEREIX1rSSAASSbAAXJJ4ADmVstDsxHCWyYhLFCw8I3SAOd3Hu7hr4KPhMwpKOatyh0ocIoARcbx1hmt7fc09VKqqWGlkDZIPPq54D5HygvAJuQI2WNgOQAGlvBPwwsa3nJPfHsVfNM5xLGYDEYZm2eJwAFxjvyWOB1NiFzTNbBVRk/JXGSVjT2XMcABewHLxFrOUraCnq46sYhSRbzPEI5oi3M5trZmOYDcg2bw5t5gqww/AYJC2aooIqQxuD2yMkERuDftNbbTxXzzSWpqnS0+IQkXDXCF4JZGOAyi4ce88z7E6G2Gs0Yndh32KQMzQ/4flAIId8Qx2XF+0bRliqaLEcZqRkp6ZtJGeJEYit4mTW30WXUGo2Opg69diRfIeUbTKWnnme7Np7GrYtp8XpnymmqZKqmc0DK913RStt6RDSQdb8bfcqWGLDYHNc6r86cD2IYGXL3DUNIBP2hRk172Av1k/bBMwyPDbsbqXy1W3J/wCxv9utSdnsOfBVVGGSv3kLoDIw+rq3K5o+addQNLsB5rV2m4C26SSSAT1lSA2rq27uKIG5ih0GvfoCe8DqVqQCSrCLgDZf9kzTEuLnnbq3IyJAxI9L7bIiIkk7mo8sdvBdQ2E2o84j3Uh+WjHHm9nAO8RoD7DzXNnNuEw6vfTzNkYe0w37iOYPcRcLcaNq/wCIwGGQ/wCo3I7x7wPcV8z0xQfwmqFRCP8ASfmNx94jvC7qii4biDJ4mSsPZe247uoPeDcexSksQQbFNtIcLhYaupbHG57zZrGlx8ALlcPxCtdPM+R3pPcSe4cgO4AAexdG8pWJ5KZsQOsrtfoNsT8cg9q5rA3mrBkv4OjfU7ch77fRVb4TX18dJ+UYu9fT1WYBERYEkk3K+qNaGgAZBERF4vVsNP8Amib9pb/DGm1X4ih/Zh9jEpvzRN+0t/hjTar8RQ/sw+xi0Mv+0t/5cFjYP9+f/wAeKn4t+U4Z9Cn/AI2qj2o/LZ/1h+wK8xb8pwz6FP8AxtVFtS7/AH2f9YfsCnpf+lg971Hk/wD11T2j7Ky2bkM9NUUr9WiIyx3+a5vToLlunj1Xhkm+wk5tXU0zQ088jy0W8Lv+AXvZ2MwUtTUv0DojFFf5zncwOYuG69x6LwyPc4S7NoamZuUc8rCDfw7B94U4b/wp/Ob8FzqLfx2Pms7fFbu/da6iIswtwiIiEIiIhCIiIQrnCNlJ6hucZGMI0c82DnXsGgcePPv5qvr8OkgeWSsLXd/Ajq08CPBWuMQec4bRkvLRFUCB51IaH9lj3MuAcvyffYm3FfZsVqKO1NikRnpybMlGrh3sk4uIHI2doeIVh+GYWAjqx2Y+iQZLIScQTcjVyOB2HbvsvmHU7ayikoi9rJc+9hLjZrjbVhPhm+tfWylMqsfsIhEAQMu9LYs1hzLy8tP1fYodfs38nv6R/nEB1u302dz28bjwuOYCu4cTEGHNktNWRuP+8ESuzRNt8xpOgBtexHW9uHaAuHwPwsM75j3tCXleM2AOucnDInPaLXtkczkqKq2SbfPimIEv47uNxlePAuBDfYwDvUXF8LhpoG19BJMN1MGOEnG+huCBq03aCOFieFrLOajBz2vO6hgOuQxOLteQOQ3+KtvNhUNiLonUuG0zt58rpJPIL27HHKbnjqb6d0m6xJvYDtue267GWRli8uttBbqttuAtiTkLX3qx2qnp6iUUtUMofGx8co0dFI64sT00Hv17q6v2iZShkVIIC9jMsswhaMzgALsse5xN7jUcdVQY3ihqJ3ykWDj2R0aNGjxt8SVBSstY4k6u/PbZeQ0IDGh+Q/Lsv77tqy1NU+R5fI5z3HiSbn/8HcsSIkb3ViAALBEREL1FinZzWVCE1R1LqWZsrdh8tqR0hRtraZ8Dtow6jsPitx8mGMdp9O46Hts8eDx9ht9JdDXDMJrzT1Eco+Y8E97eDh7Wk+9dxa4EAjgRcLa6QYNcSNycLr5voqR3NmF+bDb35rlnlJrs9ZkvpExo/ed2j8C1a9GNFJ2ln3lbOf8AiuH1TlHwaFgCr9Pv5unhhG3E9w/cq25Kx87V1FQdlgO8/sFIoaCSZ4jiaXOPLu5kk8B3qyxDZCphYXkMe1vpbt2Yt65hYfBRqmtfT4JXzwktlvFFnF8zGPexrnNI9E2kdryIB5LR/I7XyQ4vAyMkMmzxysHovaInuGYdWloIPHjyJvS09C2SLWJxK0VXpN8UxY0YDzWzr3CO02/rN+0KxjwN81VJDABZsjxc6NaxryLuPwSRuFNfunYtAJRcHs/JgjSxkvlH1klHTyPxaL2VlLWQx2D3Wutw2gwaSSN0FMykjhLmuvnykkAcWhthqB14BS8HwwmNkdXHSP3TA1jgc5twsQ5umgHBc9xfA30z8sgaQRdrm6tc3q0/coOQdB7lZv0o4M5l0YsPe5UcegmOl/EtmJJGfV4re8SwarlnhlHmbNzkyMEriOy7NY9gacFOkbWkl27w0OPziXE/YubZB0HuTIOg9ykdNOIAMYwyUW8m2tc5zZnAuz61u2Jwsc4PxCsjeGcIINdemmo8T7wtcx3GnVMgdlDGMGWNg4Nb/ibD3AclWgIkavSEtSA12AGwZK0oNEQUTi9ty45k5oiIkFbIiIhCKbhWDy1L8kTb+s46NaOrj93FTcI2dc90Tpw+OCR1g+3E/NGvohx0DiLe9TdtaetjpXthhbBRxktcGvvLIL23khbwjPPtXtq7S9m4aYuGs7Lz99aTfUgvETCLnaTgOJ6vFVuPYA6mLbPEkbxdsjeBI9IcT/p4FVS2jG6rzihglprNpmANfC0AbqQaa24jW3tB5rV1zqGBkhDclOle50fx5gkHu39av9n4t/TVlLzkh3jP1jOB9+79yum7VsqqWKNkXnc88LM0Om7jNiHSSvt2BfvubCwF7rDsfs8+OWGd00Tc7XOZHe73sLNdNLWuCbXsmC0EjRiFHC4RytqA9rgMt4ZbOALgLmzQ4XGoVnTa7Yhcb+/bxVZO6J73G97EHaAPym/fq5eKp49k6yivNQ1DJZGaTxR62PHLkJJkaBYa2fobamwtNmtsKaWcO3E0dTJ2XxxDNHICbGRw5BtySTYjX0ueHZ+TzGskhnAYXNyCX1L6teL6ZTpx5gX4FYJsZhpWujoQS95JlqXaySOJJJbpoLk92ug5qDZmtbrHCxyz8Pdl2kDp7scNYkCzh8NwfqtgQNgz9Vc1j6XDDP5uflJrOEQsWROAPa4XaDcdm/IWAHDUMSxiaoN5pC63AaBo8GjQePFRCbkk3JJuSdSSeJJ5lfEhNUOlwyG5NwUrY/icdZ2857kRES6bRERCEREQhEREIUeduq7DsZW72hhJ4tbkP7hLfsAPtXIagLd9gsZ3dM5pP8q63gWs++63dMTUaNjO1uHhcell8vrWil0xKNjhfxsfW60msdeZ56yOP9clZFiqW2lcOkjh/WssqruUv8yP/j91ccjf5M2/WHorPBsVZEJI5o97TzsySx9RqLjv1PTx0TBqLDMOe+aibUSVDmuax05BbE13ENAAv4m55ZtSqxfMw6rPR1UkbdRpwWrloIZn844Y+vap20Fa+DAKiSIkST1DInvHpCMkZgT3guH84Vxqy7ZhlRA+GakqwfN6gaub6Ubx6MjdDqCGm9jYtGnFa4/yJSZ7txGiNNx3pcc4b3xDsk/vhXFFKwxAA4jNZ7SMEjZySMDkrTYqsfPgDhKc3mtXu4ib3DC2M5LnkN64AcgGjks2G4XLO/JEwuPPkAOrjyClVjoIaaKhoszoY3El59KWVxN3d+pPdwtoAqryl7SuoY24bSvLHljX1UrDZxLtRE1wN26an9EtHMpR8TaqcluQtcp6Od1DSgOHxEmwOzt97VcT4TSROLJ8UoopR6TM7SWno67wR7QF5r9m5I4xMx8c8BFxLE7O23U24DvFx3rijWgcNFfbG7YTYdUCSMuMJPy0N7skYbZjk4bwAaO9h0JCZdo+IizcClGaWnDruxG6y3dFbbSYfHHK18JBgnY2WIjhlcL2B6cCO4hVKonsLHFp2LTxSNkYHtyKIiKK6L3FEXODWglziAAOJJ0AC2aLDIaZ7YzE+srSM25jNmR6XBkedAOGru7RRdlHNiFRVOF/NoHPaP0yHW+DSP3ko6qSDDGShx84rZJHyyg9ohriAA75uluHC7rJ+BjWs513vZ6qvqHue7UblcDdckXxIxsBibYm9laYhU4uyYzmla+EsDZKdsolGUZiSG2BDrG3ZBvzB5ZZK7Llr2OkdTy2ilgmuHgXylrWu9LKc2n0tSCbafS4hLG7NHI9ruocdfEcD7VaSVlTiM0cZczMAco1a24BJcbX7RA/0UzVB4sAdbZ2+9i4updW1w0NAxIuMOsG/cb3Xw2wuruPlMOq2/SGQjhbm5gPiWnmRpH2gwbzeWzTmieM0TxrmYeV+ZFx8DzWx0+zzvN/NKp8b4pnHcujc55jlaC698oAGh9twdCqXZzGamBzqA0oqZ4JPkbnsxHW7nOPCOxzN8cumluskXOtAOH26vuFKOUuu9hu4fNjYOGQdc5EZO/wpGN4h5o7Cg4fKxEueObY5HNYWnnezjp1YrHaTA2GskqquQxwFjY2xRPdnqABch9rdk5rFvcLkDjDnkipJXTSubV4g7i4/ioejWN5WGnX6N1r1dXSTPL5XlzjzPIdAOQ7goy1DYxqDE4d1hbHgvIonPLXNNhYgnfc3+HcNxOO4KZtBjrqqQOLWtawZWAakN/SdzPwVWiKsc4vJc7NWUbGxtDW5BERFFTRERCEREQhEREIRERCFjn4LxFUuaLA2XufgsAaV9B5N40Zv9R9Avk/K/DSAt9I9Sp+PQ5KuYHlM/3ZyR8CFjCufKHR5K5x5SNY/wCGQ/FnxVIx1wqzlC3XhhmHWPIcCrrkm/m6iopz1EdxI+4Vq+emoaPz2rYZc7slPANN4/XVx5N0Op0AHMkBa23y41BdZ9DQug/9oNc025ASEkX/AHF68tRP/prR+LFGS36R3eb4Bi5ql6eBkcYAHamaqpfLKSTtw6l22thgmpo62jzebyktLHelFILgsPtBHusSCFV2WHyVuccJxJrvxYlhcz9YQ3N/DF71mVLWxNjls3I4rR6MndLD8WYNlMwa3nMF+G+i/jC0XynZvwxW5uO9b7tzHl+Flt7XEG4NiDcHoRwK8+UzZt1axmJUrC92RrKqNgu5pYNJQ0auFtDzsGnkU1o14Bc3akdMxuOq/ZkuWIvjXA8NVe7HbHzYjUCOMOEQPy03BsbB6XaOheRwb7ToCVcrPLpbr/gjCs3pebH6tmZfhZVittpK+OSVrIQBBAxsUQHDK0WuO7QAdwCqVmKp4fK5wW1oYzHA1rs+OKIiJdOK/wBmYt7DWUw9OanOT6Tc2nveFh2YcKygNINKine6SJpNi9jiS9uvMFzhbl2VW0Na+GRsjDZzDcfeD3EXHtVxX4EKt/neHPEdQDnkhzBrhJzfE46a63v2Tc3tcg2FO4PZzZ68N4OOHWCkZWhrjrGwJBB2Bwwx6iMFQvaQSCCCDYgixB6EHgtg2WIgbNWyaRQxPDT68h0DW34nl4uCy/hjEDZtThDZ5BoHmOxPiQ1zfcQFIqaaV2SbFHRxQxkOioordp49EvsdbdOHW2oM46YRu1ycuq3iuc0pc3Udax3ODiepoGOO82AWfDMXNBTUUcg1kY+SYfOaJXZrjmCHPOn6JVXW7QMiY6GhDmMcSXyuJM0rjxcXu7XtOvgqrFsUfUTOlfxPAcmtHBo8PtJUNcJapxu1pw81OKjb87xicSNl7k5bbXwRERJp9EREIRERCEREQhEREIRERCEREQhYqg6LatjsCE0DnEcJSP6rD961Oc6/5/zyXWtg6Td0Ed+L8z/rOOX+rlW7or0+jWb3G/jf7WXy/SVqrTEg2NAHgB97qo8qGG5oo5h8xxa76L+BPg5oH7y59Tu5Lt2LYc2eCSJ3B7SPA8j7DY+xcPkidG8tcLOa4tcOhBsfsUjF+MoXwD5m4j14jvUGT/w/SUdSfldg704HuVzXYRFilEykfI2KpgJNNI4dkg8YnHodBpr2WkXsQtLj8jGLGUsMETQP5V0zN3br2bv/AKq2JZXVTy3KXvLehe4j3XsspDXujbquF7Lc1Gimyv12Otfv8FPkp4KKiZQUz97Z+8nmsBvJe63IWA52DWi5IKq0VrT09PT0xra5xbA02jjHpzya2Ywc+B6cCSQASljzlVJ1+idAioYcch4kqHRYbLMbRRvf9FpIHi7gParvDsBxKndvIonNPMZoyCOjm5tQudbQ+VmuqOxA7zOnGjY4LNdl5ZpRrf6GUa8+K1sbRVYNxWVd+vnM1/fnVkzRzRiXG/VgqaXS7nXAYLdeK7HidRT7zNV4PSmY8XOjDC49Tdhze8qPX7SSPjEMbI4IALCKJoa23Q25dwsFqGz/AJXaqMCKuArac2Dg8N3rR1ZJpmI42dr+kFt2KYbFuo6mlfvaWb0Hc2u1ux/MEEEa63BB1GvKrjnY35rt95rtQS0sj7alnbNo7r5KqREVStAiIiEIvrHEEEEgjgQbEeBHBfF8zDqhCs27SVYFvOJbfS19/FQJZXOcXOc5zjxLiSfeV4QuC9c8nMqDY2t+UAdyIvmYdUzjqFG6mvqL5nHUJnHUIuEL6iHiRzHEIvUIiXTMvEIiAovUIiIhCIiIQiIscz7DxXemgdUStibmTZK1lUykgfO/Jov77TgvlNTOllaxvF7g0e02v967pTwBjGsbo1rQ0eAFgubeTTCM87p3DsxCzfpuFvg2/wBYLpy3OkHNaWwsyaLe+5fMdFtc4PqH5vJPvvRc38pOA5ZBUsHZfZr+59uy72gW8QOq6Qo9fRMmjdHILteCCPvHQjilaacwyB/inaymFREWHPZ2rh0D+SyrJjeDvpZ3Rv5atdyc03s4ff33WFj7hVmnNH80/wDExfI7yJ4+uCu+TWleej/Bz/zGYDrA+49Md6lUFIZZWRji97W+AJ1PsFz7FrPlcx7fYgadmkFGBDG0cM4aN463W/Y/c7yt12RI8+gv659+R1viuTbUtIxCsB4+d1N/6d6W0Y0arnddk5pl512t2Wv5qsREVqqJF0XyN4rmlmw6Q/JVUb3MB+bOwA3b3lgv/NDvXOltPktaTjNHbjvH+4QSk/C68cARYqTXFpBC257C0kHiCQfEGxXlSsVI84mtw30tvDeOUVZIixst603AKIiLxSXx/A+CnPx+d+LV9K54NPHSPcxmRgyuEVOQQ4NzcZHc+agv4HwVfiWOQUuPVzqh7mRyQbrM1mchz4acjs3FxZp5qyoW6wkHVxVLpR2q6InefsrFeMd2hqKWGhFPJkEtVK2TsRuzNBpwAS9pItmdwtxUP/a/Cv8A5s3/AEbv/KqrabaOkqPMY6aV8m6qS55dEYvxj4Q0AFxv+LKnR00jJLvGHcuWkK2GWHVjdc33Hgt72kkqrllFWU1M5tTV70St1cDKN3l+RfoAH9OIWr43ieM0tO6odiVNKxr2MIiYwuBfmy6Ppmi3ZPNX2N/lU/6+b+0cqPbD80VP7RSf95e09S50gjsLYqNVRNbCZgTfDzspTBjZaxxxWiZnjY8NcwZg17A9t7UhF7OHNWmL41UwYVJIamKSsiiAdNGxpb266MNsHRtBO7db0f8AFYazhD+y0v8Ad41W4/8Amyu/V0/98hUhUudPzdha/oomiaym54E3sOzFeNltpqmsbUQ1by+RsUdTCSxjDkBtLqxouCyRrtfUKmKBOG0keB4h8zcsp6j9W4P4/wA2+f8Aowr+HCwKrcyHsse7OeW7YC5zvAsaT7Vzr4rvaW7cO/36LtoqoAjc12zHu9+q17bDa2qo3R09JJuzHC2WocI43HeTuuxjy9py2ZuxbnnK2L8KSbl1TmG+/BDZs2Vv43zNj8+W2W+Y34WWpYlGZ8HrcRk9Otr4i0Hi2CORzWDus7M3+bC2M/kDv+RN/uDE5KwMbG0bCFXQSOkdK87WuPosdDistTh1LNO7PI51UC7K1tw2VobcMAGg7l4UfZz800f6ys/tmqQqms/nu7vQK/0d/TM7/UoiIlU+iIiEISsDGOkeGtBLnENaOpJsAk0nILffJ1szb/epBxBEQI5HQye3gO655hbTRFGKKE1co+I/KPe/0XzjT+kDpGoFDAfgabuO8/t5nsW2bPYOKanZELXAu49Xn0j93gArJEXNzi4lxzK6sYGNDW5BERFFSVNtPs4yriymwkbcsf0PQ/onn7DyXIaukkgkcyRpa9psR/h1HQru6pNptlo6xmvZkaOy+3Dud1an6apa1pilF2FVlZSOc4TwG0jcj797Fymjqyx7ZG+kxzXDxab2+Cp/LBgOWobXxC9PWBpJ9WcNs5jhyu1oPiH917XEsLlppCyVpa4e5w6tPzh/nQqwwnGo90+mqoxNSy6PjPI+uw8joDyNwCCCLpCXRrqJxki+KI95b27x1+Ks4dLs0iwRTfDM3DHAO7Nx6vBcaRdIxXyOOkJkwyoiqIjrupHZJmcLNJIs7nq7KeHHiqJvkpxcm3mLx3mWC3v3iA4OFwvXNLTYixWqLpvkiwkwRzYnILNax0NOD8+Rxs9w7gWhtx+n0X3CfJHHARJitRG1o1FPC4ukfw0c8WIHIho/eCucZxnflrWMbFBEMsUTQA1jQLDQaXtp3cB3p1VU2JpAPxKwoqJ87wSPh95KuJ66nn4r4iLOrXoiIhC+P4HwXmK3+0OIOs0ltI9zczWuAcIaWxyuBF/YvT+B8FMdgsrcVrqo7vcS0j2scJoiXOMdOABGH5uMb+XJWNE6zZMdnFU2k26z4sL48F6/C8v/AAv+ng/8aodu5M7MOeQzMauQEtjYy4D6ewORoBtc+9WKx47gM1VDRbkRu3NVK6TNLHGWtJgINnuF/Qdw6IopXGX4nG1tpRpKnjbBdjQDcZBWON/lU/6+b+0cqLbD80VP7RSf95XmMPBqZyCCDNKQRwIMjiCCoGMYRLVYdUQwhhkM1M4NdIyO7W73MQXuA0uPeuVKbVA7/QrtWAmjt1N9QplZwh/ZaX+7xqux782V36un/vkKtMSjymNpIuynp2Os4OAc2BjXDM0kGxBGiiVmHPqKKrhiyGSSOHKHPawHLUxPcMzyB6LSfYpMP/lX6z91GQH8Bb/5H2Xx2H+c4RFTWu5+GQyRjrLA+WRrR3uaJG+1Rq/GjLgjJ4zmqatkVAANXOlDskpP04Y4x/OK1ps9KyhBy7yCmhDg17XgOa95LMzCQdDbQ81U4XsY+mxF0xMZoaeSappxvY3B0j2t3LREHZmuB3VyR/IcrqwjkY5zw78puFUSwyNaws/M2x9+Cz7dU7YsKmp2G7KZ9DA09Swy53eJkLz7VJP5A7/kTf7gxYMVwqWpw+ohiyuldLTOAdIxlw10hcc0jgDxHvVgaB24dT3ZvfwQILbxmXfCjZHk3mbL6QIvey5Nk142OOZd9yu7oebllaBgGW8gqjZz800f6ys/tmqQoWDUeMU1OyBtLh0jGOe5u9lge4GR2Z2onGl+7kpZnxm35BhH1of/ALKhPSGSQvDhjwXWlrxDEIyw4X9V6RTsbY0VDwwMDezoy2UHI3NltpbNdQC6yrNQ62oMTe2CvBI3m+cdgLXx2dq+rDLLyC+STX4LaNkthnVFpJgWQ8QODpPDo3v58uq1mjtDtgAqKzubx4eKwml+UD6omk0fjfN3Dj4b1j2L2RNS8SSC0DT/AEhHzR+j1Ps626s1oAsBYDgvMELWNDWgNa0WAAsABwAC9pipqXTvuctgSVHSNpmaoz2lEREsnEREQhEREIULFMIiqI8krA4cuoPVp5Fc22g2Amgu6K80fcO2B+k0cfEe4LqyJqnq5ID8OW5JVVDFUj4hjv2rgcc7mm4JBHsI9vJThjUxFjPN4GV9v4l1TGdkaapuXsyvPz2dl3t5O9oK0vE/JlOy5he2UdD2HeGvZPvCnLTUFZif9N28YDh6Fc4KzSej8BaVg2HEj7+oWs359UX2sweoh/GRSMA5lpy/WGh96itmPVVknJqXOGQOHh6XV1FyxgGE8TmnqsfWxUlFH357v8+1fd+e5LHk9W7h4p4crNHH8x/SVnRYN+e5N+e5edHq36R4he9K9G/Uf0lZ0ssG/Pcm/Pcjo9W/SPEI6V6N+o/pKzpZYN+e5N+e5HR6t+keIR0s0b9R/SVnSywb89yb89yOj1b9I8QjpXo36j+krOllg357k357kdHq36R4hHSzRv1H9JWdLLBvz3Jvz3I6PVv0jxCOlmjfqP6Ss6WWDfnuXzfnuXo5O1pzAHeoO5W6OGRcf+vFSLLy4gcbLCwucbC5J4AC59gGquMP2LrJuEJYD86TsD3Hte4JyPk2GY1EoHZxPBV8vK8yYUkJJ3ngL+oVS6fostDh0tQ/JExz3d3Ad7jwaPFb5hXkxjbY1EhefVZdrfAu9I+yy3KjoY4mBkTGsaOTRb/UqziNHRC1M27t59+llSziv0ib1b7N+kZe+25Wp7N+TyOKz6i0kg1DfmNPff0z46d3NbkAvqJSWZ8rtZ5T0FPHA3VjFkREXJd0REQhEREIRERCEREQhEREIRVuI4TA8XfDE49XRtJ95CIpMJBwXORoLcVo2K4dECbRRjwY0fcqfzZnqN+qF8RX9O4luay1S0B+SebM9Rv1QnmzPUb9UIiZuUvYJ5sz1G/VCebM9Rv1QiIuUWCebM9Rv1QnmzPUb9UIiLlFgnmzPUb9UJ5sz1G/VCIi5RYJ5sz1G/VCebM9Rv1QiIuUWCebM9Rv1QnmzPUb9UIiLlFgs1NSMJ1Yz6oW3YDg9O70oIT4xtP3Iir6tzhkVY0LGk4hbXBTMYLMa1o6NAH2LKiKlK0YFkREQvUREQhEREIRERCF/9k=”>Yang dimaksud Class dalam CSS adalah sebuah tag yang memiliki beberapa style yang berbeda. Class dalam CSS dibagi menjadi 2, yaitu Private Class dan Public Class.

Private Class adalah sebuah tag yang memiliki beberapa style yang berbeda. Contoh Private class :

H1.merah {color:red;}
H1.biru {color:blue;}

Tag H1 diatas memiliki beberapa style yang berbeda.

Penulisan dalam dokumen HTML :

<H1 class=”merah”>Judul ini warna merah</H1>
<H1 class=”biru”>Judul ini warna biru</H1>

Sedangkan Public Class adalah style yang dibuat untuk semua jenis tag yang berbeda. Cara penulisan Public Class ini dengan diawali tanda titik ( . ).

Contoh Public Class :

.warnatengah {
color : red;
text-align:center;
}

Style di atas dapat diterapkan pada semua tag yang ada.

Contoh penulisan pada dokumen HTML :

<P class=”warnatengah”>Paragraf ini berwarna merah dan rata tengah</p>
<H1 class =”warnatengah”> Judul ini berwarna merah dan rata tengah juga </h1>

Jadi anda bisa membuat style tertentu untuk semua tag HTML dengan menggunakan Public Class.

You may also like...