Tutorial Belajar Pemrograman, membuat game, membuat aplikasi, membuat program, android, game maker, yii, php, CSS, HTML, java, javascript, codeigniter, jquery, Pascal, c++

Tuesday, December 18, 2012

Membuat Class Selector di CSS

A. Selector

Membuat Class Selector di CSS - Dengan class selector dapat mendefinisikan perbedaan style untuk tag elemen html yang sama. Misalnya, dua type paragraph dalam dokumen.Yang satu paragraph align-right dan yang satu paragraph align-center contoh.
.

atau


Penggunaan atribut class di dalam dokumen html



Ketentuan :
- Jangan memberi nama clas dengan angka ( jangan alay )
Memberikan kata/kalimat lebih dari satu class, cara penulisannya adalah:


B.Penggunaan atribut ID dalam tag

Cara memberi nama ID :

  • Dapat mengandung huruf, angka, atau karakter garis bawah
  • Karakter pertama harus berupa huruf atau karakter garis bawah
  • Diawali dengan tanda #
  • Jangan memberi nama id sama dengan value
  • Jangan memberi nama id dengan tag html kemudian diikuti tanda #
Sebagai contoh coba lihat sctipt di bawah :

<html>
<head>
<title>atribut id</title>
<style type = "text/css">
 <!--
  #tebal { font-weight : bold;
  color : blue; }
  #miring { font-style : italic;
  color: pink; }
 -->
</style>

</head>

<body>
<h1>
pantun</h1>
<h2 id = "miring">
 kalau ada jarum yang patah<br>
 jangan disimpan dalam peti
</h2>
<h3 id = "tebal">
 kalau ada kata yang salah<br>
 jangan disimpan dalam hati
</h3>
</body>
</html>

Anda dapat mencobanya dengan kreasi anda sendiri. selamat mencoba.

Baca juga : Cara Mengganti Warna Border Dengan CSS


Class Selector di CSS sekarang sudah selesai, baca juga tutorial CSS lainnya.

Terima Kasih Telah Mengunjungi Blog Sederhana Ini.

Di Mohon Apabila Anda Ingin Mengcopas Artikel Pada Blog ini Cantumkan URL Sumber.

Sebagai Pengunjung Yang Baik Anda Dapat Meninggalkan Komentar di Blog Sederhana Ini.

Share this post

2 komentar

  1. wuih lengkap dan jelas penejelasannya sob, di bookmark dulu sob. Terima kasih ilmunya.

    salam

    ReplyDelete

:) :) :-) :-) :)) :)) =)) =)) :( :( :-( :-( :(( :(( :d :d :-d :-d @-) @-) :p :p :o :o :>) :>) (o) (o) [-( [-( :-? :-? (p) (p) :-s :-s (m) (m) 8-) 8-) :-t :-t :-b :-b b-( b-( :-# :-# =p~ =p~ :-$ :-$ (b) (b) (f) (f) x-) x-) (k) (k) (h) (h) (c) (c) cheer cheer

 
© Jin Toples Programming
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0