Style Templates - Introduction

CSS

The purpose of CSS is to manipulate the & "Default browser".

Introduction

Cascading Style Sheet (CSS) technology is used to affect the browser standard style ( Browser Default ). Browser default style has, inter alia, white   background, black foreground and Times New Roman as the default style.

To manipulate the browser's default done by listing the various selectors (HTML elements) and for each selector indicates property and its value in square brackets. Everything is gathered in a rule.

Concepts (image source: Bolgspot.com)

Changing the built style is made by adding the new rules (rules) on   the various HTML elements have new values. Let Aces look at an example ...

This is the HTML file

<!DOCTYPE html>
<html>
<head>
  <title>Untitled Page</title>
  <link href="style.css" rel="Stylesheet" type="text/css" />
</head>
<body>
  <h1>Rubrik</h1>
  <p>Detta är <span class="viktig">första</span> meningen i första stycket Detta är andra meningen i första stycket.</p>
  <p>Detta är första meningen i andra stycket Detta är andra meningen i andra stycket</p>
</body>
</html>

This is the linkedin CSS file

h1 {
  font-family: Garamond;
  color: #FF0000;
  font-size: 2em;
}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
}
.viktig {
  background-color: Yellow;
}

Try it yourself

You can see and learn from FACTS Series Website with CSS .