CSS( Cascading Style Sheet)

Get Started. It's Free
or sign up with your email address
Rocket clouds
CSS( Cascading Style Sheet) by Mind Map: CSS( Cascading Style Sheet)

1. CSS Colors

1.1. 1. Names

1.2. 2. CSS RGB Value

1.3. 3. CSS HEX Value

1.4. 4. HSL Value

2. CSS Background

2.1. background-color

2.2. background-image

2.3. background-repeat

2.4. background-attachment

2.5. background-position

3. CSS Border

3.1. 1. CSS Border Style

3.2. 2. CSS Border Width

3.3. 3. CSS Border Color

3.4. 4. CSS Border - Individual Sides

3.5. 5. CSS Border - Shorthand Property

3.6. 6. CSS Rounded Borders

4. CSS Selectors

4.1. 1. Simple selectors (select elements based on name, id, class)

4.1.1. 1. CSS Universal Selector

4.1.2. 2. CSS Element Selector

4.1.3. 3. CSS id Selector

4.1.4. 4. CSS class Selector

4.1.5. 5. CSS Grouping Selector

4.2. 2. Combinator selectors (select elements based on a specific relationship between them)

4.3. 3. Pseudo-class selectors (select elements based on a certain state)

4.4. 4. Pseudo-elements selectors (select and style a part of an element)

4.5. 5. Attribute selectors (select elements based on an attribute or attribute value)

5. CSS Margins

5.1. Margin - Individual Sides

5.2. Margin - Shorthand Property

6. CSS Padding

6.1. Padding - Individual Sides

6.2. Padding - Shorthand Property

6.3. Padding and Element Width

7. CSS Height and Width

8. CSS Box Model

9. CSS Outline

10. CSS Text

10.1. Text Color

10.2. Text Alignment

10.3. Text Decoration

10.4. Text Transformation

10.5. Text Indentation

10.6. Letter Spacing

10.7. Line Height

10.8. Text Direction

10.9. Word Spacing

10.10. Text Shadow

11. CSS Fonts

11.1. CSS Font Families

11.2. Font Family

11.3. Font Style

11.4. Font Size

11.4.1. Set Font Size With Pixels

11.4.2. Set Font Size With Em

11.4.3. Use a Combination of Percent and Em

11.5. Font Weight

11.6. Font Variant

11.7. Properties

11.7.1. font

11.7.1.1. font: 15px arial, sans-serif;

11.7.2. font-family

11.7.2.1. font-family: "Times New Roman", Times, serif;

11.7.3. font-size

11.7.3.1. font-size: 15px;

11.7.3.2. font-size: large;

11.7.3.3. font-size: 150%;

11.7.4. font-style

11.7.4.1. font-style: normal;

11.7.4.2. font-style: italic;

11.7.4.3. font-style: oblique;

11.7.5. font-variant

11.7.5.1. font-variant: normal;

11.7.5.2. font-variant: small-caps;

11.7.6. font-weight

11.7.6.1. font-weight: normal;

11.7.6.2. font-weight: bold;

11.7.6.3. font-weight: 900;

12. CSS Icons

12.1. Font Awesome Icons

12.2. Bootstrap Icons

12.3. Google Icons

13. CSS Links

13.1. Styling Links

13.1.1. color: red;

13.2. Text Decoration

13.2.1. text-decoration: none;

13.3. Background Color

13.3.1. background-color: yellow;

13.4. State

13.4.1. a:link - a normal, unvisited link

13.4.2. a:visited - a link the user has visited

13.4.3. a:active - a link the moment it is clicked

13.4.4. a:hover - a link when the user mouses over it

14. CSS Lists

14.1. Property

14.1.1. list-style

14.1.2. list-style-image

14.1.3. list-style-position

14.1.4. list-style-type

14.2. Html property

14.2.1. Unordered Lists: <ul>

14.2.2. Ordered Lists: <ol>

15. CSS Tables

15.1. Properties

15.1.1. border

15.1.2. border-collapse

15.1.3. border-spacing

15.1.4. caption-side

15.1.5. empty-cells

15.1.6. table-layout

16. CSS Layout

16.1. CSS Display

16.1.1. Property

16.1.1.1. display

16.1.1.2. visibility

16.1.2. Block-level Elements

16.1.3. Inline Elements

16.2. CSS Max-width

16.2.1. width

16.2.2. max-width

16.2.3. margin:auto;

16.3. CSS Position

16.3.1. Properties

16.3.1.1. z-index

16.3.1.2. top

16.3.1.3. right

16.3.1.4. position

16.3.1.5. left

16.3.1.6. clip

16.3.1.7. bottom

16.4. CSS Overflow

16.4.1. Properties

16.4.1.1. overflow

16.4.1.1.1. visible

16.4.1.1.2. hidden

16.4.1.1.3. scroll

16.4.1.1.4. auto

16.4.1.2. overflow-x

16.4.1.2.1. left/right

16.4.1.3. overflow-y

16.4.1.3.1. top/bottom

16.5. CSS Float

16.5.1. Properties

16.5.1.1. box-sizing

16.5.1.1.1. content-box

16.5.1.1.2. border-box

16.5.1.1.3. initial

16.5.1.1.4. inherit

16.5.1.2. clear

16.5.1.2.1. none

16.5.1.2.2. left

16.5.1.2.3. right

16.5.1.2.4. both

16.5.1.2.5. initial

16.5.1.2.6. inherit

16.5.1.3. float

16.5.1.3.1. none

16.5.1.3.2. left

16.5.1.3.3. right

16.5.1.4. overflow

16.5.1.5. overflow-x

16.5.1.6. overflow-y