![[தமிழில்] HTML & CSS Online Course](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0_zjRmsQE0iWNlBSqfVRePPYitmf958RmAd79lMu1aWw2KITJkTwE_ENqkTkC0rMsj_Xrpe5aeI4EIM9aDZJqWK_7inZZWjx_HpHEz1kfukoLUPODXVU9fnQylB1mFqg-L9Rj7NWqpk/s300/300_200_two.png)
ஒரு webpage-ல் colors ஆனது இரண்டு வகையாக பிரிக்கப்படுகிறது.
1) Background color
2) Foreground color
மேலே உள்ள படத்தினை பாருங்கள். அதில் தெரிகின்ற webpage-ன் background color ஆனது white color மற்றும் Foreground color என்பது text-ன் color குறிக்கின்றது.
Background color-யை மாற்றுவது எப்படி?Webpage-ன் உடைய Background color-யை white-ல் இருந்து green-ஆக மாற்ற விரும்புகிறேன்.அப்பொழுது முதலில் இந்த background color-ஆனது எந்த element-ல் இருக்கிறது என்பதை பார்க்க வேண்டும். இது body element-ல் உள்ளது.
<html>விளக்கம்:-
<head>
<title>Background Color Change</title>
<style>
body{
background-color:green;
}
</style>
</head>
<body>
<p>I Love CSS.</p>
</body>
</html>
body -> இது html-ன் body element-யை குறிக்கிறது.
Body tag நிறைய property-யை கொண்டுள்ளது. அதில் ஒரு property தான் background color ஆகும். இந்த background color property-யை பயன்படுத்தி நம்மால் body tag-ன் background color-யை மாற்ற முடியும்.
green -> green என்பது property-ன் உடைய value ஆகும். Body tag-ன் உடைய background color ஆனது Green-ஆக மாறுகிறது.
Foreground color-யை மாற்றுவது எப்படி?
Foreground color என்பது text-ன் உடைய color-யை குறிக்கின்றது. இங்கு text-ன் உடைய default color black ஆகும்.இதனை நாம் white-ஆக மாற்ற விரும்புகிறேன்.
<html>h1 -> இது html-ன் h1 tag-யை குறிக்கின்றது.
<head>
<title>Foreground Color Change</title>
<style>
body{
color:green;
}
h1{
color:white;
}
</style>
</head>
<body>
<h1>I Love CSS.</h1>
</body>
</html>
Color:white;
Color என்பது h1 tag-ன் உடைய ஒரு paragraphஆகும்.white என்பது property-ன் உடைய value ஆகும். அதாவது hr tag-ன் உள்ளே இருக்கின்ற text color-யை black color-ல் இருந்து white color ஆக மாற்றுகிறது.
Background color:-
Background color என்பது element-க்கு பின்புறத்தில் இருக்கின்ற color-யை குறிக்கின்றது. இங்கு h1 tag-ன் உடைய background color ஆனது white ஆகும்.foreground color ஆனது black ஆகும்.
Element Background color-யை மாற்றுவது எப்படி?
h1 tag-ன் உடைய background color-யை white-ல் இருந்து green-ஆக மாற்ற வேண்டும்.
<html>
<head>
<title>Element Background Color Change</title>
<style>
h1{
background-color:green;
}
</style>
</head>
<body>
<h1>I Love CSS.</h1>
</body>
</html>
![[Tamil] How to create React Application](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8d-UOiQT7jAqr1Ep5yEP3cJk7OoBzC-gA7GQbTa1l3Jg6ov48ggfQmlgWj0fSpo8EmQjYgL2z0MRvAsfmcuPHfzK_QEL_7K1ZqbKOmxLEnjg9jH1ZB5AUOKDempIqHlt3obOWhJJNNM/s72-c/node_npm_version.png)
![[Tamil] Width and Height Using CSS In Tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAylJcAp4QVKwr-YSHaK9UuXEYdDNHoXSmgAMrhouWJzkVUhIE78h1JBTAXuAXaj6JSXWV5uaNGmm4Rf5yrL8a6jyFCucViWXVy4zemDRdfaK4h_pDvXPH1wIFxrvwPaM89qY8Cccivcc/s72-c/width+and+height.jpg)
![[Tamil] CSS Colors In Tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWik-zqoewl_4rECbqiXTCH8JDOd1-KzBLir6kDtcXvckUGviR8qrVssIbwhVYTjg34tvnEBI1JNGl3t-IS5FLxnnp0N_oRIWtraqnhnMkrp0hsJgEjLLUutR4Je9cZ3Mh7hZx7l0EUPc/s72-c/0b743151-3e0f-4449-ae13-4289151a166f.jpg)
![[Tamil] How to add css in tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBee2UdJwVztGLVJtCKSy8TX3AeWGNCnbpn26IYFVMvEIsKI1aFJyN_kPukHTsoMOQjBTqIXx6w0Zoy85z-tDiNcGYA59-B3_G_3tTFzxwS70M_u_zCP04-uZGPjzk7DzbvFhdi6Csdac/s72-c/add+css.jpg)
Super... Easy to understand...
ReplyDeleteThank you..
ReplyDelete