{"id":17597,"date":"2020-05-30T00:08:05","date_gmt":"2020-05-30T07:08:05","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=17597"},"modified":"2023-12-01T03:05:13","modified_gmt":"2023-12-01T11:05:13","slug":"css-syntax","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/css-syntax\/","title":{"rendered":"CSS Syntax"},"content":{"rendered":"\n

The first topic you\u2019ll need to master before writing code using CSS is syntax. The word syntax<\/code> may sound intimidating, but it simply refers to the rules we use in CSS to write out code. These rules are standard, which makes it easy to read other people\u2019s code.
<\/p>\n\n\n\n

The two most important parts of CSS syntax are selectors and declaration blocks. Selectors are used to point to the element(s) to which you want to apply a style on a web page, and declaration blocks outline the styles you want to apply to the elements you have selected.
<\/p>\n\n\n\n

This tutorial will discuss, with examples, the basics of CSS syntax, and the structure of CSS styles. We\u2019ll also discuss how to write comments in CSS. By the end of reading this tutorial, you\u2019ll have the knowledge you need to write your own CSS styles.<\/p>\n\n\n\n

CSS Style Rules<\/h2>\n\n\n\n

In CSS, a stylesheet stores a set of rules that determine how a website should appear on a user\u2019s screen. For instance, a stylesheet may outline the color of text on a web page or the font size used by a particular header.
<\/p>\n\n\n\n

These rules follow a standard structure, which is made up of two parts: selectors and declarations. Overall, this is how a style rule appears in CSS:
<\/p>\n\n\n\n

h1 {\n\tcolor: blue;\n}<\/pre><\/div>\n\n\n\n
This particular style sets the color of all <h1><\/code> elements on a web page to blue. Now, let\u2019s break this style down into its two component parts so that we can analyze how it works.
<\/p>\n\n\n\n
CSS Declarations<\/h2>\n\n\n\n
The first part of a CSS style is the declarations. Declaration<\/code> is another word for a particular style that you want to apply to an element on a web page.
<\/p>\n\n\n\n
A CSS style rule must include at least one declaration and can include as many declarations as you want. So, if you want to set the width and height of a box on a web page to 100px, and set its background color to blue, you could do so in one declaration.
<\/p>\n\n\n\n
Declarations consist of two parts, which are as follows:
<\/p>\n\n\n\n