tuteslk
tuteslk
Up Comming :CSS සිංහලෙන්.

CSS සිංහලෙන් - 02

CSS කොහොමද වෙබ් පිටුවට Add කරන්නේ?

මේ වැඩේට ක්‍රම 3ක් තියෙනවා

  1.     External style sheet
  2.     Internal style sheet
  3.     Inline style
External Style Sheet

      External Style Sheet එකක් යොදා ගන්නේ බොහෝ වේලාවට එකම CSS code එක ගොඩක් පිටු වලට යොදා ගන්නවනම් තමයි. ඉතින් css code වෙනස් කරලා පහසුවෙන් එම සෑම පිටුවකම Interface එක වෙනස් කරගන්න පුළුවන්. මේ සෑම පිටුවකම අපි <link> tag එක භාවිතා කර Style sheet එක link කල යුතුයි. මෙන්න මේ විදිහට..
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
     External Style Sheet එකක් අපිට ඕනෑම Text Editor එකක් මගින් ලිවිය හැකියි. මෙහිදී වැදගත් වන්නේ එය Save කිරීමේදී extension එක ලෙස .css යනුවෙන් ලබා දීමයි.

CSS සිංහලෙන් - 01

ඔන්න ඉතින් තව tute එකක් දාන්න යන්නේ. CSS (Cascading Style Sheets) ගැන. මොකද ගොඩක් අය HTML දැනන් හිටියට CSS ගැන දන්නෑ. ඉතින් ඒ අයට තමයි  මේ TUTE එක.කෙටියෙන්ම කිව්වොත් අපි CSS use කරන්නේ වෙබ් පිටුව ලස්සන කරගන්න. ඒ කියන්නේ HTML elements display වෙන්න ඕන විදිය තමයි මේකදි කථා කරන්නේ.

ඉහත පිංතුරයෙන් දැක්වෙන්නේ CSS Rule එකයි.
  1. Selector      - කියන්නේ අපිට Style කරන්න අවශ්‍ය HTML Element එක.
  2. Declaration - කියන කොටසේ ඇතුලත් කරන්නේ අපිට වෙනස් කරන්න අවශ්‍ය Property එක සහ එහි Value එකයි. සෑම Declaration එකක්ම " ; " එකකින් අවසන් විය යුතු අතර Declaration සියල්ලම සඟල වරහන් තුල විය යුතුයි.
  3. Property & Value - සෑම property එකකටම value එකක් ඇත. ( Propertyname : Value ; )