View video tutorial

CSS External

CSS

Latest all Oracle Databases have similar SQL and basic functions.

External CSS


➔ CSS styles can be applied to HTML documents in 3 ways:

Inline - Uses style attributes inside HTML elements.

Internal - Uses a <style> element in the <head> section.

➔ External - Uses a <link> element to link to an external CSS file.

External Style

➔ An external CSS uses the <link> element inside the head section to declare the CSS. This CSS is reusable which means the style can be applied to multiple elements on multiple pages.

➔ An external CSS is a file that contains only CSS code and must be saved with the .css extension.

➔ Any HTML file to be styled by external CSS must be linked to that CSS file.

External CSS file style.css
Syntax
p {
    color: blue;
}
HTML file using external CSS file.
Syntax
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8" />
    <title>CSS External Example</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <h3>CSS External Example</h3>
    <h1>External CSS is applied using link tag inside head tag.</h1>
    <p>This is a paragraph.</p>
</body>
</html>

Example "styles.css":

body {
  background-color: #ccf4fe;
}
h1 {
  color: blue;
}
p {
  color: red;
}
Try it Now »

Click on the "Try it Now" button to see how it works.