\n\nCommon Attributes:<\/strong><\/p>\n\n\n- \nid, class, src, href, alt, style\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n<\/ul>\n\n
\n \n \n CSS (Cascading Style Sheets)<\/strong>\n<\/h3>\n\n\n- \nSyntax:<\/strong>\n<\/li>\n<\/ul>\n\n
selector {\n property: value;\n }\n<\/pre>\n\n\n\n\n- \n
Selectors:<\/strong><\/p>\n\n\n- \nelement, .class, #id, element.class, element#id\n<\/li>\n
- Pseudo-classes: :hover, :active, :focus\n<\/li>\n
- Pseudo-elements: ::before, ::after\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n
- \n\n
Layout Techniques:<\/strong><\/p>\n\n\n- \nFlexbox:<\/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
Positioning:<\/strong><\/p>\n\n\n- \nstatic, relative, absolute, fixed, sticky\n<\/li>\n<\/ul>\n\n\n<\/li>\n\n
- \n\n
Box Model:<\/strong><\/p>\n\n