How to Use CSS Syntax


CSS is a styling technique which is used to add different styles and themes to a web page. CSS uses a small script or syntax to work on a HTML page. CSS syntax consists of a Selector along with one or more declarations. Selector is basically an element of a HTML which can be a heading, paragraph or anything on which you want to apply style. Declarations consist of two parts including a property and its value. CSS declarations groups are enclosed with a Curly Brackets “{}” and each declaration ends up with a Semi colon “;” inside of it. Here, we will show you how to use CSS syntax in a web page.

Step # 1 – Insert a Style Tag

In this tutorial we will guide you on how to use CSS syntax in a HTML page. First of all, open up the source code of your HTML page in a Text editor. Now move over to the “Head” tag, insert the Style tag for all paragraphs in the following manner:
style
P {
Font-family: sans-sarif;
Font-size: 12pt;
Line-height: 150%;
/style
Now save your changes and refresh the browser where you will see that the style you have mentioned has been applied on all the paragraphs.

Enter a Style Tag

Step # 2 – Create a HTML Class

You can also apply the style on a particular or selected paragraph. For this purpose, you have to create a Class. Now just enter “.MyClass” in the Style Tag.

Insert a HTML Class

Step # 3 – Call out the HTML Class

Once you have created a Class, call it out on your required paragraph by entering the code:
p class = “MyClass”

Using the Class on a paragraph

Step # 4 – Save your Changes and View the HTML page

In the end, save the changes you have made to your CSS syntax. Once done, refresh the browser where you will be able to see that the Style has only been applied on your selected paragraph instead of all the paragraphs. This is how you can modify CSS syntax to create a style for your webpage.

Save your settings and display the page