Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL.
The easiest way to create CSS Drop Caps is to use the first-letter pseudo-element on the element you want to have a drop cap. The problem is, this isn’t supported in all browsers. Be sure to test this in the browsers your Web site supports.
Type the following and place it in a
element at the top of your Web page:
(more…)
A cool technique using the box-shadow property that allows you to create multiple borders around an object.
Thank our lucky stars, we CAN override inline styles directly from the stylesheet. Take this example markup: We can fight that with this:
Definition and Usage The frameborder attribute specifies whether or not to display a border around an iframe. Browser Support The frameborder attribute is supported in all major browsers. Syntax Attribute…
Here is a way to make some CSS rules visible only for Opera (9.5 +)? here is an example: For google chrome @media screen and (-webkit-min-device-pixel-ratio:0) { Body {} }
CSS3 Generator v1.7 http://css3generator.com/ This site help you to generate CSS3 code such as : Border Radius Box Shadow Text Shadow RGBA @Font Face Multiple Columns Box Resize Box Sizing…
We wrote a script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead.
Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we’ve found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element’s minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
(more…)
You can use this trick to flip an image horizontal also it works on IE. Just add the following CSS class to your image. Note: It works with source images…
You can make an image rotate using CSS as follow: Note: It doesn't work on all IE versions :-)