we have all come to learn many css tricks and techniques that help us. here you can find full list of top css tips and tricks.
1. Absolute positioning inside a relative positioned element.
Putting an absolutely positioned element inside a relatively positioned element will result in the position being calculated on ... Read More
ISO Character Sets
It is the International Standards Organization (ISO) that defines the standard character-sets for different alphabets/languages.
The different character-sets being used around the world are listed below:
Character set
Description
Covers
ISO-8859-1
Latin alphabet part 1
North America, Western Europe, Latin America, the Caribbean, Canada, Africa
ISO-8859-2
Latin alphabet part 2
Eastern Europe
ISO-8859-3
Latin alphabet part 3
SE Europe, Esperanto, miscellaneous ... Read More
The Basics of Rounded Corners
Rounded corners rely on the fact that computer monitors and our eyes are not that good at viewing what are effectively tiny squares (the pixels). So if you set up a series of pixels along the edges of your elements, you can line them up in ... Read More
Like GIFs and JPEGs, PNG images are ideal for web use. Like GIFs, the PNG is great for displaying small images with few colors, like logos and icons. Also, PNGs sport a few advantages over GIF images. Most notably, they support alpha transparency.
What is alpha-transparency? GIF files are only capable of displaying ... Read More
First of all, what is CSS? CSS stands for cascading style sheets and CSS is a way of separating presentation code from your actual content in web design. Usually you build up a set of CSS style rules that are stored in a separate file that has a .css file ... Read More
letter-spacing
Possible Values:
number of pixels
normal
The letter-spacing property lets you Decide the amount of the space between letters in a section of text. The default is normal, but you can have a little fun if you want to....here is an example:
<DIV style="letter-spacing:30px">Each letter has 30 pixels between it and the next one.</DIV>
Now ... Read More
I know many people have wondered how to center their content both horizontally and vertically but never managed to find a solution on how to do this using CSS. I have seen people use tables to accomplish this, in this tutorial I will show you how it can be done.
We ... Read More
A semantic approach instead of a structural approach in naming CSS classes, analyzing the essential elements of a popular 3 column layout.
Semantic vs structural approach in naming classes
In general, a semantic approach defines classes names considering the "meaning" a certain element has on your page, independently from its "position" or specific property (structural approach). ... Read More
1. HTML source code
Start with a blockquote and some text.
<blockquote>Hello, I am a double quote...</blockquote>
2. Specify blockquote
Specify blockquote element as follow:
blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(images/close-quote.gif) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
The CSS code above will display the close-quote.gif graphic background at bottom right corner. The ... Read More
