Codenstuff.com: [CSS] Tutorial 1

[CSS] Tutorial 1 - The Basics

1 post Page 1 of 1

Post Reply

Contributors

smashapps
Coding Guru

Posts: 961

Joined: Tue Apr 05, 2011 8:41 am

[CSS] Tutorial 1 - The Basics
smashapps
Mon May 09, 2011 7:02 am

CSS Tutorial 1: The basics

What is CSS?
CSS stands for Cascading Style Sheets.
They are used in webpages to define different styles and help layout pages

I am going to show you how to use just some VERY simple things in CSS

You will need two files, A HTML file. Name it anything you want to and a CSS file.
Call it Styles.css

HTML Code:

Code: Select all

<!-- CSS Tutorial 1
Applying Styles to different text in web pages
Written by SmashApps
-->
<html>
<head>
<link rel="stylesheet" href="styles.css"/>
</head>

<body>
This text will be purple.

<h1>This header will be brown </h1>

<p>This paragraph will be blue </p>
</body>
</html>

CSS Code:

Code: Select all

/* CSS Tutorial 1
Applying Styles to different text in web pages
Written by SmashApps
*/

body 
{
color:purple;
background-color:skyblue;
}

h1 
{ 
color:brown;
font-family:"Arial";
}

p 
{
color: blue;
font-size:60px;
}

Most is self-explanatory, but if you need any help feel free to ask

Code: Select all

<link rel="stylesheet" href="styles.css"/>

that is the link for our style sheet.

in CSS the different blocks (Body, H1 and P) define styles for those parts in HTML
the Body part defines everything for the body, H1 for the heading etc

the { and } are just to open and close each block

and that concludes my first CSS tutorial. Did it because I was bored and decided to share something with you guys I would post more tutorials but I have alot to do lately.

Thanks for reading, SmashApps

You do not have the required permissions to view the files attached to this post.

My name is Tom | Visit my blog where I post new content every day! Tom's Daily Blog | MineCraft is awesome!

Post Reply

1 post Page 1 of 1

Return to “Tutorials”

[CSS] Tutorial 1 - The Basics

smashapps

Information

Posts: 961

Joined: Tue Apr 05, 2011 8:41 am
View Full Profile

Breadcrumbs

[CSS] Tutorial 1 - The Basics

Post Options:

Copyright Information