Css Style Guide Snippets


14 July, 2014   

A few points of interest: * The HREF links use JavaScript to set a browser cookie named "style". * Since we are only setting one cookie and it's name is "style", we can read its value using "document.cookie.charAt(6)". * If no cookie is set, "StyleFile" will evaluate to "style.css". * The...

29 October, 2011   

Here shown an example how to Compress CSS with PHP

27 May, 2013   

Example shows here how to compress CSS with PHP

06 March, 2013   

There are two methods for creating separate styles depending on the media type. both example given below:

30 August, 2012   

CSS code example for stylish submit buttons

16 April, 2012   

This CSS code will change link font-size

15 April, 2013   

CSS Code for Pure Rollover

02 August, 2012   

An example of a horizontal CSS menu

18 February, 2012   

How to use CSS Inline in html page

The code includes the CSS which you can add to your stylesheet and please note a class has been added to the table tag.

13 August, 2011   

If you're looking for a way to spice up your web site, this JavaScript tip may be just what you're looking for. You can use JavaScript to highlight an image when you place your mouse over it. This JavaScript tip provides a great way to highlight your navigational buttons or whatever you'd like.

24 November, 2011   

Advanced background example by CSS

21 December, 2013   

Great page for testing the style guide for a website.

05 February, 2011   

Link to CSS files: You essentially hotlink directly to CSS files on Google. Through URL parameters, you specificity which fonts you want, and what variations of those fonts.

CSS code example for different colors to visited/unvisited links

11 December, 2011   

CSS code example to use of text-decoration on links

19 January, 2012   

CSS code example how to Set the size of the font

You may add rounded corners to your CSS3-based elements, like a border or button. You can change the radius to increase or decrease the rounding of the corners. This is a styles definition rounding of each corner, it lets you individually round each of the 4 corners (still not supported in IE).

CSS Code example : how to repeat a background image only horizontally.

14 January, 2013   

This is a simple example of an embedded stylesheet.