CSS to test web design

Apply the following CSS to any page u have designed and u will come to know what it does.

/* Empty Elements */

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty

{ padding: 20px; border: 5px dotted yellow !important; }

/* Empty Attributes */

*[alt=””], *[title=””], *[], *[id=””], a[href=””], a[href=”#”]

{ border: 5px solid yellow !important; }

/* Deprecated Elements */

applet, basefont, center, dir, font, isindex, menu, s, strike, u

{ border: 5px dotted red !important; }

/* Deprecated Attributes */

*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],

*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],

*[align], *[valign],

*[hspace], *[vspace],

*[height], *[width],

ul[type], ol[type], li[type]

{ border: 5px solid red !important; }

/* Proposed Deprecated Elements */

input[type=”button”], big, tt

{ border: 5px dotted #33FF00 !important; }

/* Proposed Deprecated Attributes */

*[border], a[target], table[cellpadding], table[cellspacing], *[name]

{ border: 5px solid #33FF00 !important; }

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s