Quicktip: How to insert a stylesheet into your HTML document

There are many people who are new to the web design field and have no idea how to insert a stylesheet externally or internally. In this quick tip I will show you multiple ways to insert your stylesheet into your HTML document.

Call Css Externally

The method below is the normal method for calling a stylesheet via HTML document. Place code inside of the head tags.


<link rel="stylesheet" type="text/css" href="style.css" />

Call Css via stylesheet

The method below is the normal method for calling a stylesheet from a css document. Place code inside of your stylesheet. @ Import tells the css document to import another stylesheet.


 @import url("import.css");

Call Css Internally

The code below is a way for calling a stylesheet within a HTML document. Place code inside of the body tags.


<style>
/*Insert Style code here*/
</style>

  • Share

This Post was written byMarcell

Hey there! My name is Marcell Purham and I am a 18 year old web & Graphic designer from Chicago IL. When I'm not designing or coding things up I'm probably skateboarding, or gaming, or just being the average human. If you're looking for me you can probably find me via @marcellpurham

Leave a Comment

CommentLuv Enabled