Css sinhala(By Prasanga Amila-UCSC)

  • 1,006 views
Uploaded on

 

More in: Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,006
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
96
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. සිංහලෙන්ucscweb.blogspot.com | CSS -01
  • 2. CSS කියන්නන් Cascading Style Sheets කියන එකයි. HTML elementsdisplayකරන්නන් නකොන ොමද කිය඼ා නේනකදි කතා කරනලා. නමමගින් එක cssfile එකක් නලනස් කිරීනමන් ඕනෑම නලබ් පිටුල඼ නඳනුනේ නලනස් කේ ඇති ක඼ ැක. එය ඉතාම ලාසිදායකනේ. ඳ ත දැක්නලන්නන් 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.comCSS ඳමණක් නනොල HTML,C++, C ,Joomla, ා PHP ලැනි සිිං න඼න් ඳාඩේ ඉනගනගැනීමස දැන්ම www.ucscweb.blogspot.com(www.ucscweb.tk)බ්න඼ොග් අඩවියසපිවිනසන්න.