ola, belun sira mai ita aprende hamutuk estilu ka penampilan husi website ninian liu husi CSS atu nune'e ita bele fo style ka estilu ba ita nia web sai furak liu tan.
Saida Mak CSS?
CSS ho signifika katak cascading style sheet(css) katak hanesan mekanismu ida hodi atur pagina web ida ne'e sai furak liu iha ida nia website.Ezemplu hanesan(color,posisaun,ukuran nsst).iha pagina web ida nia laran.
Maneira oinsa atu hakerek css liga ho html no hakerek css iha pagina web nia laran?
iha maneira tolu mak ita halo ligasaun css ba html mak hanesan: Inline,embleded no external.
Bainhira halo ligasaun css ba html uza external atu sei ninia extensi file css. Inline ne’e katak ita fo style ba elemento html ida nia laran.
<!DOCTYPE html>
<html>
<head>
<title>Css Inline</title>
</head>
<body>
<h1 style="color: blue; font-family: arial; font-
size: 100px; text-align: center;">Hi, Kolega
sira</h1>
</body>
</html>
Embleded css ne’e uza iha html nia laran no iha elemento tag head nia laran. No iha embleded ne’e sei iha modelu hakerek selector property no value.
selector {property : value; }
ou
h2 {color : blue; }
<!DOCTYPE html>
<html>
<head>
<title>Css emded</title>
<style type="text/css">
h2{
color: blue;
font-family: arial;
text-align: center;
font-size: 100px;
}
</style>
</head>
<body>
<h2>Hi, Kolega Sira!</h2>
</body>
</html>
External katak ita kria tiha file ketak ida depois mak link ba html, hanesan moos ho emded nian,
hatama source code ka tag element link nian, iha parte tag element head nia laran. No nia modelu
hakerek hanesan moos ho emded nian selector { property : value; }.
<!DOCTYPE html>
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<h1>Hi, Kolga Sira!</h1>
</body>
</html>
Parte css nian
h1{
font-family: arial;
text-align: center;
color: blue;
font-size: 100px;
}
hatama source code ka tag element link nian, iha parte tag element head nia laran. No nia modelu
hakerek hanesan moos ho emded nian selector { property : value; }.
<!DOCTYPE html>
<html>
<head>
<title>Css</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body>
<h1>Hi, Kolga Sira!</h1>
</body>
</html>
Parte css nian
h1{
font-family: arial;
text-align: center;
color: blue;
font-size: 100px;
}
Font style
Sintakse font uza iha css ne’e halo style ba text sira. Ezemlu font-family, font-size, font-style, nsst.
<!DOCTYPE html>
<html>
<head>
<title>Font Style</title>
<link rel="stylesheet" type="text/css"
href="font.css">
</head>
<body>
<p>Hi, Kolega sira!</p>
</body>
</html>
Parte css
p{
font-size: 100px;
font-family: verdana, arial, sans serif;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
}
Text style
Text style iha css ne’e, atu fo style ba text sira nia color, pozisaun, decorasun, espasu, nsst.
Color css hamutuk tolu : naran color(red, blue, nsst), hexadecimal katak hlo mistura color sira
no iha carater hamutuk digit 6 no loke ho # no color hahu 0 too f (#000000 ne’e color metan,
#ffffff color mutin) depois mak mistura sai color ne’ebe tuir ita hakarak no rgb (12, 234, 12).
h1{
color: #342def;
font-size: 100px;
}
p{
text-align: justify;
text-indent: 50px;
text-transform: capitalize;
text-decoration: underline;
letter-spacing: normal;
word-spacing: normal;
}
ida ne'e mak style husi letra nian, maibe laos deit mak ne'e sei iha seluk tan mos iha.
0 Comments:
Posting Komentar