Linking CSS Stylesheet to your webpage

Basics #2 Linking CSS Stylesheet to your webpage

1. Creating a new CSS file.

Right-click and choose "new file" and type the file name "style.css".

2. Linking to the HTML file

Switch to index.html. At <head>insert

<link rel="stylesheet" href="style.css">

3. Add some CSS rules

Switch to style.css. Add some styles for example

.body{background-color:pink}

4. Viewing in Browser

Double-click the HTML file,or open a browser and drag the file into the browser.