Open links in new tab
  1. CSS (Cascading Style Sheets) is a powerful tool used to format the layout of web pages. It allows you to control various aspects of the presentation, such as colors, fonts, spacing, and positioning of elements. CSS can be applied in three ways: inline, internal, and external.

    Applying CSS

    • Inline CSS: This method uses the style attribute within HTML elements to apply styles directly. For example:

    <h1 style="color:blue;">A Blue Heading</h1>
    <p style="color:red;">A red paragraph.</p>
    Copied!
    • Internal CSS: This method uses a <style> element within the <head> section of an HTML page to define styles for that page. For example:

    <head>
    <style>
    body {background-color: powderblue;}
    h1 {color: blue;}
    p {color: red;}
    </style>
    </head>
    Copied!
    • External CSS: This method links to an external CSS file using a <link> element in the <head> section. For example:

    <head>
    <link rel="stylesheet" href="styles.css">
    </head>
    Copied!

    Styling Links

    Links can be styled using various CSS properties, and their appearance can change based on their state (e.g., normal, visited, hover, active). Here are some examples:

  1. HTML Styles CSS - W3Schools

    Cascading Style Sheets (CSS) is used to format the layout of a webpage. With CSS, you can control the color, font, the size of text, the spacing between elements, how elemen…
    Using CSS

    CSS can be added to HTML documents in 3 ways: 1. Inline - by using the styleattribute inside HTML elements 2. Internal - by using a <style> element in the <head>section 3. External - by using a <link>element to link to an external CSS file The most common w…

    Inline CSS

    An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the styleattribute of an HTML element. The following example sets the text color of the <h1> element to blue, and the text color of the <p>element to red:

    Internal CSS

    An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the <head> section of an HTML page, within a <style>element. The following example sets the text color of ALL the <h1> elements (on that page) to b…

  2. Best HTML + CSS Courses & Tutorials | Codecademy

    Learn how to use CSS (Cascading Style Sheets) to style and visually organize HTML pages. Start at the beginning by learning HTML basics — an important foundation …

  3. Learn to Code HTML & CSS - Shay Howe

    Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide …

  4. Starting with HTML + CSS

    Jun 14, 2025 · It just explains how to create an HTML file, a CSS file and how to make them work together. After that, you can read any of a number of other …

  5. How to Code a Website (Using HTML & CSS) | websitesetup.org

    • See More

    Feb 27, 2026 · Curious how to create a website with HTML and CSS? You're in the right place! This step-by-step tutorial teaches you to code your own website from scratch.

  6. CodePen: Online Code Editor and Front End Web …

    Build, share, and learn JavaScript, CSS, and HTML with our online code editor.