CSS Syntax - Learn CSS Cascading Stlye Sheets

Group Info

Learn CSS Cascading Stlye Sheets

Learn CSS Cascading Stlye Sheets

C.S.S Cascading Style Sheets:

CSS describes how elements should be displayed.


Helpful links

CSS Tutorial W3Schools.com

Joseph Wojcicki LinkedIn

Share:
Joseph wojcicki

Selector{

Property:

Value;

Declaration}


Sample.....................................................................


<html>
<head>
<style>
body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}
</style>
</head>
<body>

<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>

</body>
</html>


Joseph wojcicki
Everything before the { is the selector. The selector is what you are going to style.
Joseph wojcicki
The property is what you are changing in the selected element.
Joseph wojcicki
The value is what you are changing the selcted property to example (red)
Joseph wojcicki
Declaration is property + value combined.
Joseph wojcicki

What is the correct HTML for referring to an external style sheet?


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

You need to be a group member to post.