32 docs tagged with "css"

Learn how to add a CSS Modules stylesheet to your Create React App project. Use scoped styling and prevent naming clashes by automatically generating unique class names for your styles.

Learn how to add a CSS reset to your Create React App project using PostCSS Normalize. Ensure consistent styling across different browsers by providing a solid foundation for your React components.

Learn how to add a stylesheet to your Create React App project. Style your components and make them visually appealing with CSS.

Learn how to integrate Bootstrap into your Create React App, unlocking the power of pre-designed components, responsive layouts, and enchanting styles.

Learn how to add custom environment variables to your Create React App, empowering your app to configure differently based on the environment in which it runs.

Grouping selectors with attribute selectors in CSS allows you to apply the same styles to multiple selectors based on their attributes.

The class selector is used to select elements on a web page based on their class attribute.

Color names are predefined names for colors that can be used in CSS to style elements.

In this tutorial, you will learn how to add comments to your CSS code to make it more readable and maintainable.

Learn how to use the CSS border property to create borders around elements in your web page layout.

Learn how to use the CSS border-radius property to create rounded corners for elements in your web page layout.

Learn how the CSS `box-sizing` property can be used to control the sizing behavior of elements in the CSS box model.

Learn how to use the CSS `text-align` property to align text within a container on your web page.

Learn how to set the font size of text using the CSS font-size property.

Learn how to use the CSS `font-style` property to style the italic or oblique text on your web page.

Learn how to use the CSS `font-weight` property to control the thickness of text in your web page.

Learn the difference between generic and specific font families in CSS and how to use them to style text on your web page.

Learn how to use the CSS margin property to create space around elements in your web page layout.

Learn how CSS margin collapse works and how to prevent it in your web page layout.

Learn how to use the CSS max-width and max-height properties to set the maximum dimensions of elements in your web page layout.

Learn how to use the CSS min-width and min-height properties to set the minimum dimensions of elements in your web page layout.

Learn how to use CSS opacity to create transparent elements and text on your web page.

Learn how to use the CSS padding property to create space inside elements in your web page layout.

Learn how to use the CSS width and height properties to control the dimensions of elements in your web page layout.

The element selector is used to select elements on a web page based on their element type.

Grouping selectors in CSS allows you to apply the same styles to multiple selectors.

In this tutorial, you will learn how to add CSS to an HTML document using internal, external, and inline styles.

The ID selector is used to select a single element on a web page based on its ID attribute.

Learn about the CSS box model and how it is used to layout elements on a web page.

Learn how to leverage post-processing CSS in Create React App to enhance your stylesheets and ensure cross-browser compatibility. Automatically add vendor prefixes, embrace new CSS features, and more.

The universal selector is used to select all elements on a web page.

In this tutorial, you will learn what is CSS, why it is used, and how it works.