The At-Rules of CSS
The at-rule
is a statement that provides CSS with instructions to perform or how to behave. Each statement begins with an @
followed directly by one of several available keywords that acts as the identifier for what CSS should do. …
HTML vs Body in CSS
The difference between <html></html>
and <body></body>
is easy to overlook. It seems to be one of those things that falls into the category of trivial. Admittedly, I have a bad habit of applying all global styles to <body></body>
and, when …
Override Gmail’s Mobile Optimized Emails
About
Sorry about the cheesy name.
CSS-Tricks launched July 4th, 2007. It used to be, believe it or not, primarily about CSS! Over the years, CSS-Tricks has come to become a site about all things web design and development.…
Numeric Inputs – A Comparison of Browser Defaults
The spec, purposefully, stops short of telling implementations (browsers) how to handle UI. In this article we’re looking specifically at <input type="number"/>
, and you might be surprised to learn that the spec specifically says:
…This specification does not
Left Half and Right Half Layout – Many Different Ways
A whole bunch of years ago, we posted on this idea here on CSS-Tricks. We figured it was about time to update that and do the subject justice.
Imagine a scenario where you need to split a layout in half. …
background-repeat
If a background-image
property is specified, the background-repeat
property in CSS defines if (and how) it will repeat.
html {
background-image: url(logo.png);
background-repeat: repeat-x;
}
Values
The background-repeat
property accepts the following values:
/* Single value syntax */
background-repeat: repeat;
… How to Roll Your Own Simple WordPress Podcast Plugin
Let’s say you plan to get into podcasting. You have the recording equipment, an interesting topic, and a good voice that other people want to hear. You seem well on your way to filling earbuds everywhere.
Then there’s the issue …
Stacked Paper Effect
A popular design technique is to create a content container that looks like a sheet of paper and to stack other sheets of paper below it, adding a layered or three-dimensional style. We can create this effect using straight up …