CoursesAboutContactsPricing
Sign In
Privacy PolicyTerms of useSales and Refunds

© 2025 CodEssay Platform. All rights reserved.

    CSS Part 2: Styling Essentials

    Level: beginner
    Subject: css
    Access: Free

    Learn the essential CSS styling properties and techniques including colors, backgrounds, typography, borders, shadows, and user interaction styles.

    Chapters

    Named Colors

    Learn about CSS named colors and their usage. Understand how to apply predefined color names to style elements.

    Topics: named colors

    RGB Colors

    Learn about the RGB color format and how to use it to define colors by specifying red, green, and blue components.

    Topics: rgb colors

    Background Color

    Understand how to set background colors to style the background of elements.

    Topics: background color

    Opacity and Transparency

    Learn how to control opacity and transparency in CSS to make elements partially see-through.

    Topics: opacity, transparency

    Background Size

    Understand how to control the size of background images using CSS properties for better design control.

    Topics: background size

    Linear Gradients

    Learn how to create linear gradients in CSS to produce smooth color transitions along a straight line.

    Topics: linear gradients

    Radial Gradients

    Understand radial gradients and their usage to create circular or elliptical color transitions.

    Topics: radial gradients

    Font Families

    Learn about different font families and how to apply them to text elements in CSS.

    Topics: font families

    Font Sizes

    Understand font size units and how to set font sizes effectively in CSS.

    Topics: font sizes

    Font Weights

    Learn about font weight properties and how to use them to make text bold or light.

    Topics: font weights

    Line Height

    Understand line height and its effect on text readability and spacing between lines.

    Topics: line height

    Letter Spacing

    Learn how to adjust spacing between letters to improve text appearance.

    Topics: letter spacing

    Text Alignment

    Understand text alignment properties to align text left, right, center, or justify.

    Topics: text alignment

    Text Decoration

    Learn about text decoration properties like underline, overline, and line-through to style text.

    Topics: text decoration

    identify yourself please

    Understand how to transform text case using uppercase, lowercase, and capitalize options.

    Topics: text transform

    Text Shadow

    Learn how to add shadows to text to create depth and emphasis.

    Topics: text shadow

    Web Fonts and @font-face

    Understand how to use web fonts and the @font-face rule to include custom fonts in your web pages.

    Topics: web fonts, font-face

    Border Styles

    Learn about different border styles such as solid, dashed, dotted, and more.

    Topics: border styles

    Border Widths

    Understand how to set border widths to control the thickness of borders.

    Topics: border widths

    Border Colors

    Learn how to apply colors to borders to enhance element appearance.

    Topics: border colors

    Rounded Corners (border-radius)

    Understand how to create rounded corners using the border-radius property.

    Topics: rounded corners

    Outlines and Outline-offset

    Learn about outlines and how to offset them to create focus effects.

    Topics: outlines, outline-offset

    Box-shadow Property

    Understand how to add shadows to elements using the box-shadow property for depth effects.

    Topics: box-shadow

    Opacity

    Learn how to control element opacity to make elements transparent or semi-transparent.

    Topics: opacity

    Filters (blur, brightness, contrast)

    Understand CSS filters and their effects like blur, brightness, and contrast.

    Topics: filters

    Cursor Property

    Learn how to change the cursor appearance to improve user interaction feedback.

    Topics: cursor

    User-select

    Learn how to control text selection behavior using the user-select property.

    Topics: user-select

    Pointer Events

    Understand pointer events and how to control them to manage user interactions.

    Topics: pointer events

    HSL Colors

    Understand the HSL color format and how to apply it to define colors using hue, saturation, and lightness values.

    Topics: hsl colors

    Hex Colors

    Understand hex color codes and how to use them in CSS to specify colors precisely using hexadecimal notation.

    Topics: hex colors

    Background Images

    Learn how to apply background images to elements for enhanced design.

    Topics: background images

    Background Repeat

    Understand background repeat options to control how background images repeat.

    Topics: background repeat

    Background Position

    Learn how to position background images precisely using CSS properties.

    Topics: background position