1. සිංහලෙන්
ucscweb.blogspot.com | CSS -01

2. CSS කියන්නන් Cascading Style Sheets කියන එකයි. HTML elements
displayකරන්නන් නකොන ොමද කිය඼ා නේනකදි කතා කරනලා. නමමගින් එක css
file එකක් නලනස් කිරීනමන් ඕනෑම නලබ් පිටුල඼ නඳනුනේ නලනස් කේ ඇති ක඼
ැක. එය ඉතාම ලාසිදායකනේ. ඳ ත දැක්නලන්නන් css rule එකකි.
1. ර෕ඳය
css rule ල඼ ප්රීධාන නකොසස් 2ක් තිනබ්.ඒලා selector ා declaration නේ.
selector කියන්නන් ඔබස අල඾ා HTML element(body,h1,p,font)එකයි.
Declaration සෑම එකකම property එකක් ා value එකක් ඇත.
Property යනු ඔබස නලනස් කිරීමස අල඾ා style attribute (ලර්ණය,අකුරු ල඼
ප්රීමාණය යන දී )එකයි. සෑම property එකකසම අගයක්(value) ඇත.
සෑමවිසම declaration අලසන් විය යුත්නත් semicolon ( ; )එකකිනි.
Declaration group එකක් සාග඼ ලර න් ල඼ අන්තර්ගත විය යුතුය.
p {color:red;text-align:center;}

3. ඉ ත code එක කියවීමස තරමක් අඳ සු නිසා ඳ ත ඳරිදි ලිවිම සිදු කරයි.
p
{
color:red;
text-align:center;
}
 Css file එකක් save කිරීම:
2.ර෕ඳය

4.  CSS Comments
css comment කරන අයුරු ඳ ත දැක්නේ.
p
{
text-align:center;
/*This is a comment*/
color:black;
font-family:arial;
}
 Id Selector
Id එකක් මගින් යේ element එකක් සද ාම style එකක් අර්ථ දක්ලයි. නමය අර්ථ
දැක්වීමස # ඼කුණ නයොදා ගැනන්. ඳ ත උදා රණනේ id එක “para1” නේ.
Id එක ස඲ ා නම ඉ඼ක්කමකින් දරේභ නනොකරන්න.මන්ද එය firefox browser
එක ර ා ක්රිමයාත්මක නනොලන බැවිනි.
#para1
{
text-align:center;
color:red;
}
 class Selector
elements කීඳයකස (element group එකකස) style එකක් අන්තර්ගත කිරීමස
නයොදා ගනී. නමය අර්ථ දැක්වීමස “ . ” ඼කුණ නයොදා ගැනන්. ඳ ත උදා රණනේ
class එක “ center ” නේ.
.center {text-align:center;}
එන඼සම එක එකක් නලනුනලන්ම නමය නයොදා ගත ැකි අයුරු ඳ ත දැක්නේ.
p.center {text-align:center;}

5. ඉ ත උදා රණයස අනුල සියලු p elements මැදස කර නලබ් පිටුල සැනදයි. Class
එක ස඲ ා නම ඉ඼ක්කමකින් දරේභ නනොකරන්න..මන්ද එය Internet Explorer
එක ර ා ඳමණක් ක්රිමයාත්මක ලන බැවිනි.
ඉතිරිය : www.ucscweb.blogspot.com
CSS ඳමණක් නනොල HTML,C++, C ,Joomla, ා PHP ලැනි සිිං න඼න් ඳාඩේ ඉනගන
ගැනීමස දැන්ම www.ucscweb.blogspot.com(www.ucscweb.tk)බ්න඼ොග් අඩවියස
පිවිනසන්න.