CSS Dasar (Basic)
CSS (Cascading Style Sheet) adalah salah satu bahasa dalam pemrograman web (style sheet language) yang fungsi utamanya adalah mengatur struktur tampilan web. Seperti mengatur tata letak atau layout, font, ukuran serta bentuk konten, dan lain sebagainya. Dengan css dapat membuat sebuah web menjadi lebih fleksibel dan responsive untuk segala ukuran layar.
Selain itu, dengan adanya css ini dapat mempermudah membuat rancangan dan desain sebuah website. Karena fungsi lain dari css ini sendiri adalah merubah isi dari tag-tag html menjadi lebih fungsional dan menarik.
baca : Penjelasan Dasar Html
Kode css ditempatkan di dalam tag head, kemudian diapit menggunakan tag style. Namun tidak jarang beberapa orang menngunakan css langsung pada tag html yang bersangkutan. Untuk lebih jelasnya perhatikan kode berikut.
<head>
<style>
...... //kode css
</style>
</head>
<style>
...... //kode css
</style>
</head>
<body style="background-color:red;">
......
</body>
......
</body>
Css juga memudahkan kita, karena dengan adanya class (.class dan #id), kita tidak perlu menuliskan ulang ke setiap tag html yang ingin kita modifikasi bentuk dan tampilannya, sehingga cukup menggunakan class yang telah dibuat pertama tadi.
<head>
<style>
.satu {
font-size: 3px;
color : blue;
}
#dua {
fot-size :5px;
color : red;
}
</style>
</head>
<body>
<p class="satu"> Aku adalah clas</p>
<p id="dua"> Aku adalah Id </p>
</body>
<style>
.satu {
font-size: 3px;
color : blue;
}
#dua {
fot-size :5px;
color : red;
}
</style>
</head>
<body>
<p class="satu"> Aku adalah clas</p>
<p id="dua"> Aku adalah Id </p>
</body>
Referensi : it-jurnal
CSS Dasar (Basic)
Reviewed by Unknown
on
17:39
Rating:
Reviewed by Unknown
on
17:39
Rating:
No comments