{"id":8,"date":"2007-12-27T10:56:17","date_gmt":"2007-12-27T16:56:17","guid":{"rendered":"http:\/\/cssnewbie.com\/2007\/12\/how-to-write-a-css-rule\/"},"modified":"2007-12-27T10:56:17","modified_gmt":"2007-12-27T16:56:17","slug":"how-to-write-a-css-rule","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/how-to-write-a-css-rule\/","title":{"rendered":"How to Write a CSS Rule"},"content":{"rendered":"

So if you\u2019ve read \u201cWhat is this CSS thing, anyway?\u201d (which I\u2019d recommend doing), you have a basic understanding as to what CSS is on a theoretical level. And I\u2019m sure you\u2019re a better person for it. But what about the practical details? How do you actually put together a CSS rule that will style your HTML? Read on, dear friend. Read on.<\/p>\n

The styntax of CSS is extremely simple to understand.<\/p>\n

The syntax of CSS<\/strong> is extremely simple to understand. A CSS file is essentially a list of rules. And each of those rules is comprised of two basic parts: a selector and one or more declarations. Each declaration also consists of two parts: a property and a value. In the end, every rule ends up looking like this:<\/p>\n

selector {
\nproperty: value;
\nproperty: value;
\n...
\nproperty: value;
\n}
\n<\/code><\/p>\n

\n