CSS Techniques

This category contains 3 posts

CSS3 Web 2.0 buttons style without images

Hello Folks!
As you all know CSS3 is is just getting from better to better and my sense tells me that Microsoft might surprise us with a full support.
Skipping Valentine and going for some real Skills.
Preview
How to create a web2.0 button style using only CSS3
and actually they look cool!
/* Page Style */
h1, h2, h3{font-family:Cambria, Cochin, Georgia, [...]

Style your Form Buttons with Only CSS and Zero Javascript

hey welcome to my blog I’m happy you are here to check my CSS techniques today i will show you how to style submit button without any JavaScript and how to make rollover effect! can you believe it ZERO JavaScript and tested on all browsers.

CSS Used
#button {
display: block;
width: 175px;
height: 45px;
margin: 0px auto;
}
#button input:hover{
background-image:url(‘images/clicktosend_hover.gif’);
background-position:left top;
background-repeat:no-repeat;
}
HTML
<div id="button">
<input [...]

Why To Use Em Instead Of Pixels

How to Size Text in CSS
by Richard Rutter
There’s been a welcome resurgence of interest in web typography over the past year or so, with many articles and conference talks offering techniques and theory. Frequently asserted is the notion that good typography requires accurate control of font size and line-height. But this is the web: it’s [...]