Scribd
Upload
6 views

css part 2

The document outlines various CSS properties and terminologies, detailing their functions such as setting colors, sizes, and layouts for HTML elements. Key properties include color, background-color, margin, padding, and display, while important terminologies encompass selectors, pseudo-classes, and media queries. It serves as a comprehensive reference for understanding and utilizing CSS in web design.

Uploaded by

misojek222
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

css part 2

The document outlines various CSS properties and terminologies, detailing their functions such as setting colors, sizes, and layouts for HTML elements. Key properties include color, background-color, margin, padding, and display, while important terminologies encompass selectors, pseudo-classes, and media queries. It serves as a comprehensive reference for understanding and utilizing CSS in web design.

Uploaded by

misojek222
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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 { ... }).

You might also like