Introduction to CSS Website Design

View PDF | Print View
by: Guest
Total views: 45
Word Count: 403

CSS or Cascading Style Sheets is modern way to use a website design to create a website layout and apply various styles to the website in conjunction with HTML code. This article provides an introduction to what CSS is and how it can be used.

adult shopping | waterproof vibrators | tongue vibrators

CSS or Cascading Style Sheets is modern way to use a website design to create a website layout and apply various styles to the website in conjunction with HTML code. CSS has been a standard in web design for some time and continues to grow as we can see with the new standards being developed in CSS3, the latest version of CSS. This means that it is worth getting to know and worth getting comfortable with using CSS in order to create attractive, accessible websites.

CSS is a different type of mark-up from regular HTML in that it does not have tags stored in angle brackets describe how elements of a webpage are displayed. CSS works according to a set of hierachical rules where the top most element sets a particular set of behaviour and any components that inherit from that element will have the same behaviour unless they explicitly override it.

Traditionally, elements describing how the HTML elements in a webpage should display were included in the normal HTML markup of the webpage but now CSS allows for cleaner web page code and higher quality website design by separating out the code used to describe how the HTML elements should appear.

Below is an example of the HTML code for a very basic web page.

<title>This is the title</title> This is some text on the page.

We now want to embellish these html tags by including formatting and style information about they should look in our CSS code. To begin with we will include our CSS code in our html page inside

tags in the head of our html page. Our first example shows how to change the background colour of our webpage to black, set the font type to arial and set the font size to 12px for our simple page created above. You will see that these values are set inside the "body" tag which is a predefined CSS property which defines how the contents of the tags should be displayed. CSS can be used to style most html tags.

<title>This is the title. </title>This is some text on the page.

About the Author

---

Rating: Not yet rated

--Choose-- 0 1 2 3 4 5

Comments

No comments posted.

Add Comment

You do not have permission to comment. If you log in, you may be able to comment.