Css sinhala(By Prasanga Amila-UCSC)
Upcoming SlideShare
Loading in...5
×
 

Css sinhala(By Prasanga Amila-UCSC)

on

  • 898 views

 

Statistics

Views

Total Views
898
Views on SlideShare
897
Embed Views
1

Actions

Likes
0
Downloads
72
Comments
0

1 Embed 1

http://e-howlk.blogspot.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Css sinhala(By Prasanga Amila-UCSC) Css sinhala(By Prasanga Amila-UCSC) Document Transcript

  • සිංහලෙන්ucscweb.blogspot.com | CSS -01
  • 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;}
  • ඉ ත code එක කියවීමස තරමක් අඳ සු නිසා ඳ ත ඳරිදි ලිවිම සිදු කරයි. p { color:red; text-align:center; } Css file එකක් save කිරීම: 2.ර෕ඳය
  •  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;}
  • ඉ ත උදා රණයස අනුල සියලු p elements මැදස කර නලබ් පිටුල සැනදයි. Class එක ස඲ ා නම ඉ඼ක්කමකින් දරේභ නනොකරන්න..මන්ද එය Internet Explorer එක ර ා ඳමණක් ක්රිමයාත්මක ලන බැවිනි. ඉතිරිය : www.ucscweb.blogspot.comCSS ඳමණක් නනොල HTML,C++, C ,Joomla, ා PHP ලැනි සිිං න඼න් ඳාඩේ ඉනගනගැනීමස දැන්ම www.ucscweb.blogspot.com(www.ucscweb.tk)බ්න඼ොග් අඩවියසපිවිනසන්න.