How to Add CSS to HTML: Understanding Inline, Internal & External CSS

If you’re building a website, HTML is your best friend — you can create all of your page content, including headings, paragraphs, images, tables, forms, lists, and so on.

The problem? HTML doesn‘t look good by itself — or at least not in my opinion. That’s why we have CSS.

CSS determines how the things on a web page look when shown in the browser, from font size to colors to shaping the layout of your entire page.

HTML and CSS go hand in hand, but it’s up to you to decide how to join them. Having worked with these languages for almost a decade at this point, I figured I could give some pointers here. So, let's learn how to add CSS to your HTML.

Table of Contents

• How to Add CSS to HTML
• How to Add Inline CSS to HTML
• How to Add Internal CSS to HTML
• How to Link External CSS to HTML
• Working With All Three Types of CSS

How to Add CSS to HTML

CSS affects how HTML content looks on a page. But, in order for this to happen, the browser processing the HTML file needs to know what CSS code should be applied. There are three ways to do this:

• Inline CSS is written inside an HTML tag with the style attribute. Inline CSS affects only the element of the tag (and possible child elements depending on the property that’s applied).
• Internal CSS is written inside a
  Download Free

  All fields are required.