Browsed by
Tag: css3

HTML5 and CSS3 References

HTML5 and CSS3 References

The following section contains references to latest HTML5, CSS3 and more… HTML5 / XHTML Tags The following section contains a complete list of standard tags belonging to the HTML5 and XHTML 1.0 specifications. All the tags are ordered alphabetically. A <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> B <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> C <canvas> <caption> <center> <cite> <code> <col> <colgroup> D <datalist> <dd> <del> <details> <dfn> <dir> <div> <dl> <dt> E <em> <embed> F…

Read More Read More

CSS3 new attribute selectors

CSS3 new attribute selectors

CSS3 introduce 3 new selectors for the sub-string or matching attributes. they are [att^=val], [att$=val] and [att*=val]. these selectors coming under Sub-string Matching Attribute Selectors section. [att^=val] This is the “begins with” selector. This selector allows for the selection of elements where a specified attribute begins with a specified string. example: <pre>a[alt~=”Kerala”] { color:#00aa00; font-size:14px; border:1px solid #00aa00; padding:3px 10px; font-family:Arial, Helvetica, sans-serif;  text-decoration:none; margin:2px; background:#afa }</pre> <code>a[alt~=”Karnataka”] { color:#0000aa; font-size:14px; border:1px solid #0000aa; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;…

Read More Read More

Selector syntax

Selector syntax

A simple selector is either a type selector or universal selector followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order. The simple selector matches if all of its components match. A selector is a chain of one or more simple selectors separated by combinators. Combinators are: whitespace, “>”, and “+”. Whitespace may appear between a combinator and the simple selectors around it. The elements of the document tree that match a selector are called…

Read More Read More

Boxtest

Boxtest

Boxtest Here is a sample div with class “boxtest”. It has 20px border, 30px padding, and 300px width. div.boxtest { border:20px solid; padding:30px; background: #ffc; width:300px;} The total width including borders and padding should be 400px. 20+30+300+30+20 = 400 User agents which misinterpret the CSS1 box model by placing border and padding inside the specified width would result in a total width of only 300px, and a content width of only 200px. 300-20-30-30-20 = 200 The red and blue bars…

Read More Read More

Ultimate List Of Online Color Tools

Ultimate List Of Online Color Tools

As a web designer, we will always deal with colors. There are a lot of useful online color tools such as color wheel, color scheme, color palette, color picker, and etc. Let’s start looking at the list: Color Wheel 1. 4096 Color Wheel 2. Color Wheel from Colors On The Web 3. Color Wheel Color Calculator Color Scheme 4. Infobound Color Schemer 5. Color Scheme Designer 6. ColorToy 2.0 7. The Color Wizard 3.0 8. Hex Color Scheme Generator 9….

Read More Read More