Leave a comment

Script CSS untuk pemula

Nah ini ni scriptnya , semoga bermanfaat🙂

 

Untuk kita yang masih pemula, mari kita bersama – sama  pelajari teknik – teknik dasar merubah tampilan css ini, teknik dasar untuk merubah font yang ada pada web atau blogs kita, scriptnya masih kita taruh di index atau halaman utama web yang kita punya.
langkah -langkah nya :
1. jalankan web editor (misalnya :notepad atau dreamweaver)
2. Ketik script untuk halama utama web kita (script dasar html);
<html>
<head>
<title> Belajar CSS</tilte>
<style type=”text/css”>
</style>
</head>
<body></body>
</html>
save as dengan ekstensi html( misal:index.html)
3. Tambahkan script antara tag <style type=”text/css”> </style> dan script antara <body></body>
a. Syntax script sederhana berbagai tulisan

<style type=”text/css”>
</style>
<body></body> Tampilan
.hurufbesar {
text-transform: uppercase;
}
<p>Belajar</p> belajar
.hurufkecil {
text-transform: lowercase;
}
<p>Belajar</p> Belajar
.hurufmiring {
font-style: italic;
<p>Belajar</p> Belajar
.huruftebal {
font-weight: bolder;
}
<p>Belajar</p> Belajar
.garisbawah {
text-decoration: underline;
}
<p>Belajar</p> Belajar
.pakaiwarna {
color: #FF0000;
}
<p>Belajar</p> Belajar
.tambahbackground {
color: #FF0000;
background-color: #009900;
}
<p>Belajar</p> Belajar
.tambahborder {
color: #FF0000;
background-color: #009900;
border: thin solid #000000;
}
<p>Belajar</p> Belajar

b. syntax sederhana untuk tulisan <h1> sampai dengan <h6>

<style type=”text/css”>

</style>

<body></body>
h1 {color: #0000FF;} <h1>Belajar</h1>
h2 {color: #0000FF;} <h2>Belajar</h2>
h3 {color: #0000FF;} <h3>Belajar</h3>
h4 {color: #0000FF;} <h4>Belajar</h4>
h5 {color: #0000FF;} <h5>Belajar</h5>
h6 {color: #0000FF;} <h6>Belajar</h6>
Atau Bisa juga di tulis semuanya sekaligus
h1,h2,h3,h4,h5,h6 {

color: #0000FF;

}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: