Lesson: 14 | CSS

Notes

CSS stands for Cascading Style Sheets.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

CSS can be added to HTML documents in 3 ways:

An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

<p style="color:red;">A red paragraph.</p>

A red paragraph.

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.

<style>
h1   {color: blue;}
p    {color: red;}
</style>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

An external style sheet is used to define the style for many HTML pages.

To use an external style sheet, add a link to it in the <head> section of each HTML page:

<head>
  <link rel="stylesheet" href="/~vtqkyvmy/styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Prev You need to login to have access to the quizzes. Next

Mastered by 53 users.

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)