CSS syntax

CSS syntax 3 பகுதிகளை கொண்டுள்ளது:

  1. Selector
  2. Property
  3. Value
General Example:

Example

Try this code 
selector { 
 property: value;
}

Selector

Selector என்பது style எழுதுவதற்காக கொடுக்ககூடிய class name அல்லது id name ஆகும். class name ஆக இருந்தால் .(dot) சேர்த்துகொள்ள வேண்டும். id name ஆக இருந்தால் #(hash)சேர்த்துகொள்ள வேண்டும். இந்த selector-ஐ எந்த html element-க்கும் பயன்படுத்தலாம், like <h1>, <p>, etc.

Note: ஒரு selector html tag-ன் name-ஆகவும் கொடுக்கலாம் அல்லது தனி name-ஆகவும் இருக்கலாம். தனி தனி name-ஆக கொடுப்பது சரியான முறை ஆகும். அதேபோல் ஒரு selector ஒன்று அல்லது அதற்க்கு மேற்பட்ட properties-ஐ கொண்டிருக்கலாம்.

Property

Property என்பது HTML tag-ன் style attribute ஆகும் . அனைத்து HTML attributes-களும் CSS properties-ஆக மாற்ற படுகின்றன. like (color, border, etc.).

Note: ஒரு selector html tag-ன் name-ஆகவும் கொடுக்கலாம் அல்லது தனி name-ஆகவும் இருக்கலாம். தனி தனி name-ஆக கொடுப்பது சரியான முறை ஆகும். அதேபோல் ஒரு selector ஒன்று அல்லது அதற்கு மேற்பட்ட properties-ஐ கொண்டிருக்கலாம்.

Value

value என்பது ஒரு html tag-ன் style-ஐ நிர்ணைக்ககூடியது. For example, color property can have value either red or #ff0000 etc.

Note: color-க்கான value எப்போதும் color-ன் name-ஆக கொடுக்காமல் color code-ஆக கொடுக்கவேண்டும். like #ff0000.

Let’s see an example.

Example

Try this code 
<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
<style>
  a{
   	color: #1c87c9;
  }
  .myquote{
     font-size:20px;
     color:#ff0000;
  }
</style>
</head>
<body>
  <a>The color of this link is #1c87c9.</a>
  <p class="myquote"> I don't believe in age I believe in energy. Don't let age dictate, what you can and cannot do.</p>
</body>
</html>

Output:

The color of this link is #1c87c9.

I don't believe in age I believe in energy. Don't let age dictate, what you can and cannot do.

மேலே கொடுக்கபட்டுள்ள example-ல் <a> tag ஒரு selector, color என்பது property, and #1c87c9 என்பது property-ன் value.

Note: property and its value எப்போதும் curly brackets{}-ன் உள்ளே எழுதபட்டிருக்கவேண்டும் and colon : வைது இரண்டையும் பிரிக்கபட்டிருக்கவேண்டும். ஒரு property-க்கும் இனொரு property-க்கும் இடையே semicolon வைது பிரிக்க பட்டிருக்கவேண்டும்.

Comments

JANANI 27th October,2020 11:57 am
GOOD