Page 157 - HTML5
P. 157
Chapter 40: Using HTML with CSS
Introduction
CSS provides styles to HTML elements on the page. Inline styling involves usage of the style
attribute in tags, and is highly discouraged. Internal stylesheets use the <style> tag and are
used to declare rules for directed portions of the page. External stylesheets may be used
through a <link> tag which takes an external file of CSS and applies the rules to the document.
This topic covers usage of all three methods of attachment.
Syntax
• <link rel="stylesheet" type="text/css" href="stylesheet.css">
• <style></style>
Examples
External Stylesheet Use
Use the link attribute in the document's head:
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
You can also use stylesheets provided from websites via a content delivery network, or CDN for
short. (for example, Bootstrap):
<head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
</head>
Generally, you can find CDN support for a framework on its website.
Internal Stylesheet
You can also include CSS elements internally by using the <style> tag:
<head>
<style type="text/css">
body {
background-color: gray;
}
</style>
</head>
Multiple internal stylesheets can be included in a program as well.
<head>
<style type="text/css">
body {
background-color: gray;
}
</style>
https://riptutorial.com/ 141
