Cascading Style Sheets (CSS)

css border style

2009-05-04T23:51:00.000-07:00

You can put border around text, paragraphs, images, tables with different styles according to match you page color combinations. You will get an idea of all the different looks you can create

Border style :
< style type="text/css">
.dotted {border-style: dotted;}
.dashed {border-style: dashed;}
.solid {border-style: solid;}
.double {border-style: double;}
.groove {border-style: groove;}
.ridge {border-style: ridge;}
.inset {border-style: inset;}
.outset {border-style: outset;}
< /style>

Result :

dotted style border

dashed style border

solid style border

double style border

groove style border

ridge style border

inset style border

outset style border

How to style link

2009-04-27T03:15:00.000-07:00

I will explain you how to style text link with the help of example. For this I have created one link and declare link Css properties. The default link is red and after cursor over the link text, the link will appear blue.

link, visited, hover, and active these are four selectors.

< style type="text/css">
a:link {color:# c70505; }
a:visited {color:# 0caa0c; }
a:hover {color:# 406ee2; }
a:active {color:#ccccc; }
< /style>

In the above code link(a:link) defines the properties for an unvisited link. VISITED (a:visited) defines the properties for a visitied link. ACTIVE(a:active) defines the properties of a currently active link. HOVER (a:hover)defines the properties when a mouse is over a link which is blue here.

You can specify a different BACKGROUND color, cursors, font …etc for link

CSS validation

2009-04-20T22:09:00.001-07:00

CSS validation means examination that you are applying a correct technique in your CSS code. Validation tool helps you to detect all kind of errors that possibly you couldn’t be identified during the developing process. Validation tools (services) are freely available. You can use online services or download software use for your local work.

you can get free validation for your style sheets from the
http://jigsaw.w3.org/css-validator/

Validation is mostly use for to find the error in your CSS code. Browsers are becoming more standards compliant, and it is becoming increasingly necessary and important to write valid css. If you want your site listed on search engines then make sure that you have good Css.

Basic understanding of CSS (Cascading Style Sheet)

2009-04-17T03:17:00.001-07:00

Web design is today’s one of the fastest growing career fields, so it is the perfect time to become a Web designer. As a web designer you should have knowledge of Graphics designing, HTML and Css (Cascading Style Sheets). In this blog I am sharing some basic knowledge of CSS that will help you in your every day web design and development tasks. Before learn CSS you should have knowledge of HTML.

May be you already heard about CSS. CSS stands for the Cascading Style Sheet. Css is a collection of formatting rules that control the appearance of content in a web page.

HTML is used to structure content. CSS is used for formatting structured content.

( In simple word css allow you to change style of fonts, colors, background, borders, text formatting, link etc.)

There are three ways you can apply CSS to an HTML document

Inline

Embedded

External Style Sheets

Inline Styles: Inline styles are styles that are written directly in the tag on the HTML document. Inline styles affect only the tag they are applied to.

< a href=" " style="color: red;" >

Embedded Styles: Embedded styles are styles that are embedded in the head of the HTML document. Embedded styles affect only the tags on the page they are embedded in.

< style type="text/css">
p {border-left: 1px dotted gray;}< /style>

If any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page.

External Styles: External styles are styles that are written in a separate document and then attached to various HTML documents. External style sheets can affect any page they are attached to.

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

Can control styles for multiple documents at once.

Easier Maintenance

Reduced File Size

Improved Flexibility

Subscribe in a reader