CSS Properties:
1. color – Sets the text color.
2. background-color – Defines the background color of an element.
3. font-size – Specifies the size of text.
4. font-family – Defines the font type for text.
5. font-weight – Specifies the boldness of text.
6. text-align – Aligns text horizontally.
7. text-decoration – Adds styling to text (underline, overline, etc.).
8. line-height – Sets the spacing between lines of text.
9. letter-spacing – Adjusts the spacing between characters.
10. word-spacing – Sets the space between words.
11. margin – Defines the space around an element.
12. padding – Sets the space between an element’s content and its border.
13. border – Defines the border around an element.
14. border-radius – Rounds the corners of an element.
15. width – Specifies the width of an element.
16. height – Defines the height of an element.
17. max-width – Sets the maximum width of an element.
18. max-height – Sets the maximum height of an element.
19. display – Determines how an element is displayed (block, inline, flex, etc.).
20. position – Specifies how an element is positioned (static, absolute, fixed, relative,
sticky).
21. top – Positions an element from the top.
22. left – Positions an element from the left.
23. right – Positions an element from the right.
24. bottom – Positions an element from the bottom.
25. z-index – Controls the stacking order of elements.
26. overflow – Determines how content overflows an element.
27. visibility – Controls the visibility of an element.
28. opacity – Sets the transparency of an element.
29. box-shadow – Adds a shadow to an element.
30. text-shadow – Adds a shadow to text.
31. flex – Defines flex properties for a flexbox item.
32. flex-grow – Specifies how an item grows relative to others in a flex container.
33. flex-shrink – Defines how an item shrinks in a flex container.
34. align-items – Aligns flex items in a container.
35. justify-content – Aligns flex items along the main axis.
36. grid-template-columns – Defines the column structure of a grid.
37. grid-template-rows – Defines the row structure of a grid.
38. gap – Specifies the space between grid or flexbox items.
39. cursor – Defines the cursor type (pointer, move, text, etc.).
40. clip-path – Clips an element to a defined shape.
41. transition – Creates animations between state changes.
42. animation – Defines CSS animations.
43. filter – Applies visual effects like blur or grayscale.
44. object-fit – Defines how an image or video fits within its container.
45. user-select – Specifies whether text can be selected by the user.
CSS Terminologies:
46. Selectors – Patterns used to select elements in CSS.
47. Pseudo-classes – Special states of an element (e.g., :hover, :focus).
48. Pseudo-elements – Parts of elements (e.g., ::before, ::after).
49. Media Queries – Allows CSS to adapt to different screen sizes.
50. Variables (--custom-property) – Stores reusable CSS values.
Let me know if you need explanations for any!
4o
You said:
10 terminology
ChatGPT said:
Here are 10 important CSS terminologies:
1. Selectors – Patterns used to target and apply styles to HTML elements (e.g., div,
.class, #id).
2. Pseudo-classes – Special states of an element, such as :hover, :focus, or :nth-child().
3. Pseudo-elements – Allows styling specific parts of an element, like ::before and
::after.
4. Box Model – The structure of an element, including margin, border, padding, and
content.
5. Flexbox – A layout model for arranging elements efficiently in a row or column
(display: flex).
6. Grid System – A CSS layout technique using display: grid to create structured layouts.
7. Media Queries – A feature that makes CSS responsive by applying styles based on
screen size (@media).
8. Z-index – Controls the stacking order of overlapping elements (z-index: 1, 2, ...).
9. Transitions – Smooth animations between state changes (transition: all 0.3s ease-in-
out).
10. Keyframes – Used to create CSS animations (@keyframes animationName { ... }).
