US/docs/Web/CSS/CSS_images/Using_CSS_gradients)
  33. Lists and counters 
    1. [ Using CSS counters ](/en-US/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters)
    2. [ Consistent list indentation ](/en-US/docs/Web/CSS/CSS_lists/Consistent_list_indentation)
  34. Logical properties 
    1. [ Basic concepts ](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values)
    2. [ Floating and positioning ](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning)
    3. [ Margins, borders and padding ](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding)
    4. [ Sizing ](/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Sizing)
  35. Math functions 
    1. [ Using CSS math functions ](/en-US/docs/Web/CSS/CSS_Functions/Using_CSS_math_functions)
  36. Media queries 
    1. [ Using media queries ](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries)
    2. [ Using media queries for accessibility ](/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility)
    3. [ Testing media queries programmatically ](/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries)
    4. [ Printing ](/en-US/docs/Web/CSS/CSS_media_queries/Printing)
  37. Nesting style rules 
    1. [ Using CSS nesting ](/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting)
    2. [ Nesting at-rules ](/en-US/docs/Web/CSS/CSS_nesting/Nesting_at-rules)
    3. [ Nesting and specificity ](/en-US/docs/Web/CSS/CSS_nesting/Nesting_and_specificity)
  38. Positioning 
    1. [ Understanding CSS z-index ](/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index)
  39. Scroll snap 
    1. [ Basic concepts of scroll snap ](/en-US/docs/Web/CSS/CSS_scroll_snap/Basic_concepts)
  40. Shapes 
    1. [ Overview of shapes ](/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes)
    2. [ Shapes from box values ](/en-US/docs/Web/CSS/CSS_shapes/From_box_values)
    3. [ Basic shapes ](/en-US/docs/Web/CSS/CSS_shapes/Basic_shapes)
    4. [ Shapes from images ](/en-US/docs/Web/CSS/CSS_shapes/Shapes_from_images)
  41. Text 
    1. [ Wrapping and breaking text ](/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text)
  42. Transforms 
    1. [ Using transforms ](/en-US/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)
  43. Transitions 
    1. [ Using transitions ](/en-US/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)
  44. [ **Layout cookbook** ](/en-US/docs/Web/CSS/Layout_cookbook)
  45.     1. [ Media objects ](/en-US/docs/Web/CSS/Layout_cookbook/Media_objects)
    2. [ Columns ](/en-US/docs/Web/CSS/Layout_cookbook/Column_layouts)
    3. [ Center an element ](/en-US/docs/Web/CSS/Layout_cookbook/Center_an_element)
    4. [ Sticky footers ](/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers)
    5. [ Split navigation ](/en-US/docs/Web/CSS/Layout_cookbook/Split_Navigation)
    6. [ Breadcrumb navigation ](/en-US/docs/Web/CSS/Layout_cookbook/Breadcrumb_Navigation)
    7. [ List group with badges ](/en-US/docs/Web/CSS/Layout_cookbook/List_group_with_badges)
    8. [ Pagination ](/en-US/docs/Web/CSS/Layout_cookbook/Pagination)
    9. [ Card ](/en-US/docs/Web/CSS/Layout_cookbook/Card)
    10. [ Grid wrapper ](/en-US/docs/Web/CSS/Layout_cookbook/Grid_wrapper)
  46. **Tools**
  47.     1. [ Color picker ](/en-US/docs/Web/CSS/CSS_colors/Color_picker_tool)
    2. [ Box shadow generator ](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator)
    3. [ Border image generator ](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator)
    4. [ Border radius generator ](/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator)

##  In this article

  * Key resources 
  * Tutorials 
  * Reference 
  * Cookbook 
  * Tools for CSS development 
  * Meta bugs 
  * See also 

#  CSS: Cascading Style Sheets

**Cascading Style Sheets** ( **CSS** ) is a [ stylesheet ](/en-
US/docs/Web/API/StyleSheet) language used to describe the presentation of a
do