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

bookIncluding CSS: External Styles

メニューを表示するにはスワイプしてください

To include an external CSS file in an HTML document, you can use the <link> element. This element should be placed in the HTML document's <head> section. The <link> element should have a rel attribute with a value of stylesheet to indicate that the linked file is a stylesheet and a href attribute with the URL of the external CSS file.

index.css

index.css

index.html

index.html

copy

Advantages:

  • External CSS files can be cached by the browser, which means the browser doesn't have to download the stylesheet every time the user visits a page on your website. This can improve the performance of your website;
  • It allows you to separate the styling information from the content of your HTML document;
  • These files can be shared among multiple HTML documents.

Disadvantages:

  • This can slow down the loading time of your website, especially if you have many external CSS files;
  • Another potential drawback is that keeping track of all the external CSS files you're using on your website can be challenging.

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  3
some-alt