Nothing is for sale here. Freewill tips keep the site running. Want to help? → Tip via Paypal

Multiple Properties and Values in One Rule

Rather than trying to set properties and values one at a time, it’s often preferable to set all the ones you want to use all at once.

Here’s an example:

body
  {color: brown;
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;}

With that style rule I’ve set three properties and values in one rule for the BODY of the document. The text would be brown in color, 14 pixels tall, and rendered in the Verdana font. If Verdana isn’t available on the viewing device, it would use Arial. If that wasn’t available it would use a sans-serif font.

Remember, each property and value is separated from the next one by a semicolon. You can place each property and value on a separate line as I like to do, or run them all together on one line. Editing is easier when code isn't all crowded together.

It’s that easy . . . and to close this out, here's a "web page poster" for your amusement. Feel free to download the image and post it on your own site or your social media pages if you like.

some people are so lazy even if their ship came in, they'd sit on the dock and wait for it to unload itself