\n\nAtribut Biasa:<\/strong><\/p>\n\n\n- \nid, kelas, src, href, alt, gaya\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n<\/ul>\n\n
\n \n \n CSS (Lembaran Gaya Lata)<\/strong>\n<\/h3>\n\n\n- \nSintaks:<\/strong>\n<\/li>\n<\/ul>\n\n
selector {\n property: value;\n }\n<\/pre>\n\n\n\n\n- \n
Pemilih:<\/strong><\/p>\n\n\n- \nelemen, .class, #id, element.class, element#id\n<\/li>\n
- Kelas Pseudo: :hover, :active, :focus\n<\/li>\n
- Unsur Pseudo: ::sebelum, ::selepas\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n
- \n\n
Teknik Reka Letak:<\/strong><\/p>\n\n\n- \nKotak Flex:<\/strong>\n<\/li>\n<\/ul>\n\n
.container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row; \/* or column *\/\n}\n<\/pre>\n\n\n\n\n- \nGrid:<\/strong>\n<\/li>\n<\/ul>\n\n
.grid-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n}\n<\/pre>\n\n\n\n\n<\/li>\n\n- \n\n
Kedudukan:<\/strong><\/p>\n\n\n- \nstatik, relatif, mutlak, tetap, melekit\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n
- \n\n
Model Kotak:<\/strong><\/p>\n\n