Blog

Home  /  blog  /  Cara memberi style pada dokumen html berdasarkan tag / element tertentu menggunakan CSS Type Selector

Cara memberi style pada dokumen html berdasarkan tag / element tertentu menggunakan CSS Type Selector

Type Selector digunakan untuk memberikan style pada dokumen html berdasarkan tag / element tertentu, sebagai contoh: p {color: green} yang artinya, element <p>...</p> akan memiliki teks berwarna hijau.

Type selector terkadang disebut juga element selector


Syntax
Penggunaan Sintaksis CSS Type Selector

Element {
Property: Value;  /* Deklarasi CSS */
}

Example
Contoh CSS type

Contoh berikut, di dalam html terdapat dua element. Element pertama yaitu <h1>...</h1> dan elemen kedua <section>...</section>

HTML
<h1>Panduan CSS Type Selector</h1>
<section>Ini adalah Section</section>

Kemudian, didalam CSS, kita medeklarasikannya dengan nama element tersebut secara langsung.

CSS
h1 {
font-family: Georgia, serif;
}
section {
font-family: Helvetica, Arial, sans-serif;
}

Contoh Lengkap

Contoh source code lengkap disertai dengan link “editor” untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
<!DOCTYPE html>

<html lang="id">
<head>
  <meta charset="UTF-8" />
  <title>Tutorial Type Selector Bahasa Indonesia</title>
  <style>
    h2 {color: tomato}
    p {color: #555}
  </style>
</head>
<body>
  <h2>Tutorial Type Selector</h2>
  <p>
      Type Selector disebut juga <em>tag selector</em> atau <strong>Element Selector</strong> adalah selector paling sederhana untuk memberi style berdasarkan Element/tag tertentu.
  </p>
</body>
</html>


selamat mencoba ...

Di Edusoft Center Juga Ada Kursus HTML 5 & CSS lo bisa di cek dihttp://edusoftcenter.com/courses/networking-courses/

Info Selengkapnya Bisa
Office : 0271 745 2187
No XL : 08180 4542 586 (WA & Telegram Ada)
No Simpati : 082 22922 2121

atau

Bisa Langsung Registrasi Online lewat Formulir Online:
www.edusoftcenter.com

Leave a Reply

Your email address will not be published.Required fields are marked*