Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Including CSS: Internal Styles | Basic Introduction
Introduction to CSS Part I

Including CSS: Internal Styles

There are several ways to include CSS in an HTML document. One way to include CSS in an HTML document is to use the <style> element.

html

index.html

css

index.css

js

index.js

  • The advantage of using the <style> element is that it allows you to define styles that apply to the entire document in one place;
  • The disadvantage is that it can make your HTML document challenging to read and maintain since all your styles are mixed in with your HTML code.

Everything was clear?

Section 1. Chapter 2
course content

Course Content

Introduction to CSS Part I

Introduction to CSS Part I

1. Basic Introduction

CSSIncluding CSS: Internal StylesIncluding CSS: External StylesIncluding CSS: Inline StylesBasic Syntax of CSSBasic Selection in CSSCommonly Used Basic CSS PropertiesChallenge

2. Selectors and Cascade

ID SelectorsClass SelectorsOther SelectorsCascade in CSSInheritanceSpecificityManipulate Cascade, Specificity and InheritanceChallenge

3. Box Model

Box Model PropertiesSizing ElementsPositioning Elements

Including CSS: Internal Styles

There are several ways to include CSS in an HTML document. One way to include CSS in an HTML document is to use the <style> element.

html

index.html

css

index.css

js

index.js

  • The advantage of using the <style> element is that it allows you to define styles that apply to the entire document in one place;
  • The disadvantage is that it can make your HTML document challenging to read and maintain since all your styles are mixed in with your HTML code.

Everything was clear?

Section 1. Chapter 2
some-alt