microdataindonesia.co.id
High quality innovations, latest methodologies, Technologies & Trends.
T 08118880853
Email: microdataindonesia@gmail.com
Jl. Endro Suratmin No.53f, Way Dadi, Kec. Sukarame, Kota Bandar Lampung,, Lampung 35131.
Open in Google Maps
THE PASSION FOR WRITING
Teknologi
Featured Posts
Jenis-Jenis CSS
Cascading Style Sheet atau yang biasa dikenal dengan CSS, merupakan bahasa script yang berguna untuk mempercantik tampilan dari sebuah web agar lebih enak dilihat oleh user. Dengan menggunakan CSS, kita dapat mengatur ukuran dari sebuah tulisan, gambar, warna tulisan, dan masih banyak yang lainnya. Untuk penulisan CSS sendiri ada 3 jenis, yaitu
• Inline Style Sheet
• Internal Style Sheet
• Eksternal Style Sheet
Untuk lebih jelasnya, mari simak penjelasan berikut ini :
1. Inline Style Sheet
Inline Style Sheet merupakan CSS yang ditulis langsung di dalam tag HTML-nya. Cara ini digunakan jika anda hanya ingin mengatur sebuah elemen saja. Tetapi, saya tidak menyarankan penggunaan ini, karena akan membuat tag HTML akan penuh dengan CSS. Berikut ini contohnya :
<div>
<h3 style="background-color: blue; padding: 1px; text-align: center;" > MICRODATA </h3>
</div>
2. Internal Style Sheet
CSS ini berapa langsung di dalam file HTML-nya, tepatnya di dalam tag head dan diapit dengan tag style. Berikut ini contohnya :
<html>
<head>
<meta charset="UTF-8">
<title>Jenis-Jenis CSS (Inline, Internal, Eksternal)</title>
<style type="text/css">
body {font-family: arial;}
h1 {
background-color: red;
color: white;
padding: 5px;
}
</style>
</head>
<body>
<h1>Cascading Style Sheet (CSS).</h1>
</body>
</html>
3. Eksternal Style Sheet
CSS ini adalah jenis CSS yang penulisan codenya secara terpisah dan beresktensi .css untuk nama filenya. Metode ini sangat dianjurkan, karena kita dapat dengan mudah mengubah kode yang terkumpul dalam satu filenya.
<head>
<meta charset="UTF-8">
<title>Jenis-Jenis CSS (Inline, Internal, Eksternal)</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
