Arizata.com Articles

Welcome Guest

Search:

Arizata.com Articles » Html_tutorial » CSS: Cascade Style Sheet

CSS: Cascade Style Sheet Articles

1: Design of font style property by CSS
Read the basic CSS tutorial Fonts are important part of our html page. We can manage the style property of our fonts using style sheet. We will use internal style sheet to set the property values of our fonts. We will discuss each font property here and its possible values. At the end you can see the demo and html code of the style sheet used.

2: Designing of style property of links by using CSS part2
Read the first part on using CSS for links Here we will see how we can highlight backgrounds and change color of the fonts when mouse is passed over the links. This effect we can create by using style property of the link element.

3: Designing of style property of links by using CSS part1
By using CSS we can manage our links with highlighting or can add effect when mouse moves over the link ( hover ). We can also tell the visitor what are the links already visited by using visited property. Now we can set this property in our style and will also learn how to override them by declaring inline property for the element.

4: Mouse Cursor image change by using style sheet
We can change the appearance of mouse cursor depending on our requirement by using style sheet. We will try to declare locally the style of the cursor and based on that the cursor shape will change. This is required to give a better picture to our visitors. For example mouse over on a help link should change the cursor to help picture. If we are displaying a map for our visitors and wants our visitor to click any portion of the map to enlarge ( zoom ) it then it is better to use cross hair cursor. Here are some examples of different types of cursor and there style code to display them. Move your mouse over the right side cell ( link ) to see the change in cursor shape.

5: Removing undeline from links
We can remove underline from the anchored text links by defining the style locally this will over ride the setting of CSS file. We will use the local style command text-decoration: none; to remove the underline. Here are some examples of this. Let us start with an example of simple link with underline. We will first display the link and then below that the code. Same way the link without underline is displayed and then the code below it.

6: Different levels of CSS and the priority over each other
We will discuss different types of style property declared and there priority over others here. CSS gives flexibility in using different style property locally by overriding the global declared values or declared styles in external style sheet. Let us start with Types of styles. Mainly there are three types

7: Why to use CSS, its advantages
CSS stands for Cascading Style Sheet. CSS is used to improve the presentation of the content within HTML tags. Using CSS we can define different ways of content display based on the media.

8: Cascading Style Sheets
You can format your text, links, backgrounds, tables, input fields etc by using CSS (Cascading Style Sheets). This is very popular on the web and used by webmasters to manage the look and feel of the pages of their web site. The biggest advantage of using CSS is easy changing of style from a single location.


Page 1 of 1
[1]