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
We take content rights seriously. If you suspect this is your content, claim it here.
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
We take content rights seriously. If you suspect this is your content, claim it here.
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