All about CSS+ cheat sheets
                     All about CSS cheat 
sheets
Introduction to CSS
 Cascading Style Sheets(CSS) is a style sheet language written in a 
markup language.
 It’s not easy to know all the CSS properties and corresponding values.
 CSS customizes the Web documents, such as the layout, colors and CSS Logo
fonts.
Components
 CSS cheat sheets include the below components:
1. Selectors
2. Box Model
3. Positioning
4. Text
5. Boarders and Lists
1. Selectors
 The types of selectors are :
1. Element selectors
2. Class and ID selectors
3. Contextual selectors
4. Pseudo-class selectors
5. Pseudo-element selectors
6. Attribute selectors
7. Miscellaneous selectors An Example of Element selectors
2. Box Model
 All HTML components can be considered as boxes. In 
CSS, the expression "box model" is utilized when 
discussing structure and design. 
 The CSS box model is basically a container that folds 
over each HTML component. It comprises of: edges, 
outskirts, cushioning, and the real substance.
Example of Box 
Model
Box Model Diagram
Content: Text and images appear
Padding: Clears an area around the 
content. The padding is transparent
Border: A border that goes around the 
padding and content
Margin: Clears an area outside the border. 
The margin is transparent
3. Positioning
 Types of CSS positioning are:
I. Relative Positioning
II. Absolute Positioning
III. Fixed Positioning
4. TEXT
 Use of CSS text is for the text formatting properties like:
1. Text Color
2. Text Alignment
3. Text Decoration
4. Text Transformation
5. Text Indentation
6. Letter and Word Spacing
7. Line Height
Example of TEXT color code 
8. Text Direction & Text Shadow in CSS
5. Borders and Lists
 The CSS border properties are meant to customize the style, width, and 
color of an element's border.
 In HTML there are two types of lists: Unordered and Ordered
      The CSS list properties allow you to:
i.Set different list item markers for ordered lists
ii.Set different list item markers for unordered lists
iii.Set an image as the list item marker
Example of CSS border and result
iv.Add background colors to lists and list items
Thank You