CSS - Styling your Website
CSS – Cascading Style Sheets is a style sheet language used for describing the look and formatting of a document written in a markup language. A CSS is a flexible way to style your pages. In this way you can concentrate on styling and forget about the contents. While someone in you team will take care in generating the contents. Again here, there are some requirement to learn CSS. They are not that different from those of HTML. Basic knowledge of using a personal computer (like creating folders and files, copy, cut, paste, edit). A basic text editor. All personal computers comes with a text editor (like Notepad for Windows, TextEdit in Mac, gedit in Linux with GNOME etc). You can also use other more advanced text editor if you have like Adobe Dream Weaver, or if you prefer the free ones just search online. But a very basic one will do. A browser – All modern PC will come with a browser in build (internet explorer for Windows, Safari for Mac). You can also download a third party browser like Google Chrome or Mozilla Firefox. The browser is like a channel to browse the net, or to see your HTML pages comes to life. Knowledge of HTML – well you’ll need to know HTML before you can learn CSS. But don’t worry if you didn’t know HTML, just browse our tutorial and learn. Now, here is a peek of CSS to give a blue background and white text. Well, go ahead and save this file as .html. Surprised! well CSS can be added to the html file itself or can be in a separate file (we’ll get to that later as of now just add this code to your text editor and save)
<html>
<head>
<title>HTML with CSS</title>
<style type="text/css">
body{
background-color:#00C;
color:#FFF;
}
</style>
</head>
<body>
Hello World!
</body>
</html>Compare the above code with the code in first HTML page, you’ll find a similarity, the only difference is the additional tag. That’s where CSS goes. Now, open the file in your browser and see.
