CSS Tutorial
This CSS tutorial series describes various features of cascading style sheets to make web designing easier.
What is CSS?
- CSS was developed in 1997 for Web designers as a way for Web designers to define the attractive look and feel of their Web pages.
- CSS is used for design web pages.
- CSS works with HTML only.
- HTML is only Markup language, we can use some attributes and values in tags, but it’s not capable of creating attractive web page design.
- The World Wide Web Consortium (W3C) has created CSS to solve this problem.
- In HTML 4.0, all formatting could be removed from the HTML document and stored in a separate CSS file.
- Today all web browsers are supporting CSS.
Required Knowledge
Things to Know and have before started learning CSS:
- Use of any Text editor such as notepad, notepad++, vi editor, Sub-lime text-Editor, etc.
- Create directories and files on your PC.
- Navigation of files and paths in your drive for any file.
- About the different formats of images and multimedia files and their extensions
- Saving contents to files in drives.
You must also know HTML to use CSS, so if you want to study HTML first, go to the HTML tutorial series.
CSS Example
<!DOCTYPE html>
<html>
<body>
<style>
h2 {
font-size: 30px;
line-height: 36px
}
p {
padding: 10px 10px 10px 40px
}
p:hover {
text-decoration: underline
}
</style>
<h2>This is page heading.</h2>
<p>This is my first <strong>paragraph text</strong>.</p>
</body>
</html>