Open links in new tab
    • Work Report
    • Email
    • Rewrite
    • Speech
    • Title Generator
    • Smart Reply
    • Poem
    • Essay
    • Joke
    • Instagram Post
    • X Post
    • Facebook Post
    • Story
    • Cover Letter
    • Resume
    • Job Description
    • Recommendation Letter
    • Resignation Letter
    • Invitation Letter
    • Greeting Message
    • Try more templates
  1. 123

    • Create an HTML file and save it with a .html extension.

    • Choose one of the following methods to add CSS to your HTML document: Inline CSS: Add the style attribute directly to an HTML element. Example: <h1 style="color: blue;">Hello World</h1>. Internal CSS: Use a <style> tag inside the <head> section of your HTML file. Example: <style> h1 { color: blue; } </style> External CSS: Create a separate .css file (e.g., styles.css) and link it to your HTML file using a <link> tag in the <head> section. Example: <link rel="stylesheet" href="styles.css">

    • If using an external CSS file, write your CSS rules in the .css file. Example:

    body {
    background-color: lightgray;
    }
    h1 {
    color: blue;
    text-align: center;
    }
    Copied!

    • Save your files and open the HTML file in a web browser to see the applied styles.

    Feedback
  2. W3School
    https://www.w3schools.com › Css

    CSS Tutorial - W3Schools

    Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.

    • What is an Exercise? Test what you learned in the chapter: CSS Background Color by …

    • Test and edit CSS code interactively with W3Schools Tryit Editor.

    • Well organized and easy to understand Web building tutorials with lots of examples of …

    • W3.CSS Web Site Templates We have …
      RWD Videos · CSS Website

    • W3Schools offers free online tutorials, references and exercises in all the major …

  3. GeeksForGeeks
    https://www.geeksforgeeks.org › css

    CSS Tutorial - GeeksforGeeks

    Mar 3, 2026 · This section focuses on CSS techniques that help you create flexible and adaptable web designs. You’ll learn how to build layouts that work well on …

  4. TutorialsPoint
    https://www.tutorialspoint.com › css

    CSS Tutorial

    • This tutorial has been prepared for beginners and professionals to help them understand the basics to advanced concepts of CSS. After completing this tutorial, you will find yourself at a great level of expertise in CSS, from where you can take your web design skills to the next level.
    See more on tutorialspoint.com
  5. Mozilla Developer
    https://developer.mozilla.org › en-US › docs › Learn_web...

    Getting started with CSS - Learn web development | MDN

    Nov 7, 2025 · In this article, we will get you to take a simple HTML document and apply CSS to it, learning some practical details of the language along the way. We will also review some additional …

  6. Visual Studio Code
    https://code.visualstudio.com › Docs › languages › CSS

    CSS, SCSS and Less - Visual Studio Code

    Find out how Visual Studio Code can support your CSS, SCSS and Less …

    • Software Version: 1.98
    Content was generated with AI. Learn more