CSS( Cascading Style Sheet)

Lancez-Vous. C'est gratuit
ou s'inscrire avec votre adresse e-mail
CSS( Cascading Style Sheet) par Mind Map: CSS( Cascading Style Sheet)

1. CSS Selectors

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

1.1.1. 1. CSS Universal Selector

1.1.2. 2. CSS Element Selector

1.1.3. 3. CSS id Selector

1.1.4. 4. CSS class Selector

1.1.5. 5. CSS Grouping Selector

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

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

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

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

2. CSS Layout

2.1. CSS Display

2.1.1. Property

2.1.1.1. display

2.1.1.2. visibility

2.1.2. Block-level Elements

2.1.3. Inline Elements

2.2. CSS Max-width

2.2.1. width

2.2.2. max-width

2.2.3. margin:auto;

2.3. CSS Position

2.3.1. Properties

2.3.1.1. z-index

2.3.1.2. top

2.3.1.3. right

2.3.1.4. position

2.3.1.5. left

2.3.1.6. clip

2.3.1.7. bottom

2.4. CSS Overflow

2.4.1. Properties

2.4.1.1. overflow

2.4.1.1.1. visible

2.4.1.1.2. hidden

2.4.1.1.3. scroll

2.4.1.1.4. auto

2.4.1.2. overflow-x

2.4.1.2.1. left/right

2.4.1.3. overflow-y

2.4.1.3.1. top/bottom

2.5. CSS Float

2.5.1. Properties

2.5.1.1. box-sizing

2.5.1.1.1. content-box

2.5.1.1.2. border-box

2.5.1.1.3. initial

2.5.1.1.4. inherit

2.5.1.2. clear

2.5.1.2.1. none

2.5.1.2.2. left

2.5.1.2.3. right

2.5.1.2.4. both

2.5.1.2.5. initial

2.5.1.2.6. inherit

2.5.1.3. float

2.5.1.3.1. none

2.5.1.3.2. left

2.5.1.3.3. right

2.5.1.4. overflow

2.5.1.5. overflow-x

2.5.1.6. overflow-y

3. CSS Colors

3.1. 1. Names

3.2. 2. CSS RGB Value

3.3. 3. CSS HEX Value

3.4. 4. HSL Value

4. CSS Background

4.1. background-color

4.2. background-image

4.3. background-repeat

4.4. background-attachment

4.5. background-position

5. CSS Border

5.1. 1. CSS Border Style

5.2. 2. CSS Border Width

5.3. 3. CSS Border Color

5.4. 4. CSS Border - Individual Sides

5.5. 5. CSS Border - Shorthand Property

5.6. 6. CSS Rounded Borders

6. CSS Margins

6.1. Margin - Individual Sides

6.2. Margin - Shorthand Property

7. CSS Padding

7.1. Padding - Individual Sides

7.2. Padding - Shorthand Property

7.3. Padding and Element Width

8. CSS Height and Width

9. CSS Box Model

10. CSS Outline

11. CSS Text

11.1. Text Color

11.2. Text Alignment

11.3. Text Decoration

11.4. Text Transformation

11.5. Text Indentation

11.6. Letter Spacing

11.7. Line Height

11.8. Text Direction

11.9. Word Spacing

11.10. Text Shadow

12. CSS Fonts

12.1. CSS Font Families

12.2. Font Family

12.3. Font Style

12.4. Font Size

12.4.1. Set Font Size With Pixels

12.4.2. Set Font Size With Em

12.4.3. Use a Combination of Percent and Em

12.5. Font Weight

12.6. Font Variant

12.7. Properties

12.7.1. font

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

12.7.2. font-family

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

12.7.3. font-size

12.7.3.1. font-size: 15px;

12.7.3.2. font-size: large;

12.7.3.3. font-size: 150%;

12.7.4. font-style

12.7.4.1. font-style: normal;

12.7.4.2. font-style: italic;

12.7.4.3. font-style: oblique;

12.7.5. font-variant

12.7.5.1. font-variant: normal;

12.7.5.2. font-variant: small-caps;

12.7.6. font-weight

12.7.6.1. font-weight: normal;

12.7.6.2. font-weight: bold;

12.7.6.3. font-weight: 900;

13. CSS Icons

13.1. Font Awesome Icons

13.2. Bootstrap Icons

13.3. Google Icons

14. CSS Links

14.1. Styling Links

14.1.1. color: red;

14.2. Text Decoration

14.2.1. text-decoration: none;

14.3. Background Color

14.3.1. background-color: yellow;

14.4. State

14.4.1. a:link - a normal, unvisited link

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

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

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

15. CSS Lists

15.1. Property

15.1.1. list-style

15.1.2. list-style-image

15.1.3. list-style-position

15.1.4. list-style-type

15.2. Html property

15.2.1. Unordered Lists: <ul>

15.2.2. Ordered Lists: <ol>

16. CSS Tables

16.1. Properties

16.1.1. border

16.1.2. border-collapse

16.1.3. border-spacing

16.1.4. caption-side

16.1.5. empty-cells

16.1.6. table-layout