Writing CSS Rules

Writing CSS Rules
In writing the existing CSS rules are used, in CSS there are major components in the writing selector and Declarator.

Consider the basic example of writing CSS below:

Announcer of the selector {};

The selector is of writing HTML tags such as H1, H2, p, b, etc.

Announcer is that instructs the browser to create a view selector in accordance with that of the declaratory orders. 
While declarator consists of Property and Value

A small example:
Usually the writing of articles are widely used Tag

or paragraph, if you
want to change the font of the writing of your article in a paragraph, the CSS
writing is as follows:


p {font-family: verdana};

Is the selector of the paragraph and that are in braces is declarator that instructs the browser to display the paragraph article with bold font.

While font-family is a Property and Verdana are Value

Details are as the following formula:
Selektor{Property:Value};
The above formula is the key to mastering CSS, and keeps you remember that CSS is actually very simple and simple.

Coach ID day Coach Class

Besides selector that can be written directly by removing <...> such

you simply write p course, there are other selectors that are not less important ID and selector Class selector.

Try to imagine if you want to change the look of the tag

 and zoom different such fonts, you can specify the 

tag in the CSS but if the writing p {font-family: arial} then all the

will be converted into a font Arial all.


What if one of the tag

you want it converted into Verdana font, for that you need ID or Class Selector. 


ID selector

The function of the selector Id is to give a sign to the HTML tag that has been given ID could be given another format.

For example: 
writing in HTML tags

here you write articles  

Writing your other articles

Here you give Selector ID with name toc, and the CSS you can give this code as follows:

P (font-family:verdana}
#toc{ font-family:arial}

At the writing of ID selectors ID marked using the '# Which means the article on p that has been given ID will be readable font to arial while while p others read using Verdana font.


Class selectors
For the same function with the selectors Class selectors but the selectors Class ID you can give more than one class selector but the selectors ID you can not give the name of the same ID.

Class Selector Example: 
In the HTML Tag

Your article here

In the CSS:

.media {font-family:calibri}

In writing Class Class selectors are marked using the '. '

The conclusion is: 
In both selectors have the same function, but the difference is in the selectors ID you can not make more than one other words selector is used for a specific ID.

While the class selector you can put HTML Tag Selector Class on more than one, but all of it will depend going to need you.



Next, you can learn:  How to Combine HTML with CSS.

Spread the love

Fajar (Ucup)

The owner and author of FajarYusuf.com and also someone who likes to share interesting information with others.

Leave a Reply

Your email address will not be published. Required fields are marked *