Use CSS to solve common problems - Learn web development 编辑

The following links provide solutions to common problems you may face when working with CSS.

Common use cases

Basics

• How to apply CSS to the DOM
• How to use whitespace in CSS
• How to write comments in CSS
• How to select elements via element name, class or ID
• How to select elements via attribute name and content
• How to use pseudo-classes
• How to use pseudo-elements
• How to apply multiple selectors to the same rule
• How to specify colors in CSS
• How to debug CSS in the browser

CSS and text

• How to style text
• How to customize a list of elements
• How to style links
• How to add shadows to text

Boxes and layouts

• How to size CSS boxes
• How to control overflowing content
• How to control the part of a CSS box that the background is drawn under
• How do I define inline, block, and inline-block?
• How to create fancy boxes (also see the Styling boxes module, generally).
• How to use background-clip to control how much of the box your background image covers.
• How to change the box model completely using box-sizing
• How to control backgrounds
• How to control borders
• How to style an HTML table
• How to add shadows to boxes

Uncommon and advanced techniques

CSS allows some advanced design techniques. These articles help demystify some of the more complicated use cases.

General

• How to calculate specificity of a CSS selector
• How to control inheritance in CSS

Advanced effects

• How to use filters in CSS
• How to use blend modes in CSS

Layout

• Using CSS flexible boxes
• Using CSS multi-column layouts
• Using CSS generated content

See also

CSS FAQ — A variety of topics: from debugging to selector usage.