Thursday, November 26, 2015

css - embedded style sheet selector bebas

by Lindi Classic | in css at 1:41 AM

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan kegunaan dari Embedded Style Sheet Selector Bebas pada CSS. Selain menggunakan selector yang bertipe tag/elemen, jika penempatan CSS pada embedded style sheet, pembuat website dapat pula menggunakan selector tipe lain, seperti : selector bebas, class, atau ID. Contoh di bawah ini menunjukkan penggunaan tipe selector selain tag/elemen untuk memanipulasi font.

Buatlah file html dengan script sebagai berikut:

<html>
<head>
   <title>css embedded style sheet selector bebas</title>
   <style type="text/css">
       tulisan_miring{
           font-family : arial , helvetica, sans-serif;
           font-size : 12px;
           font-style : italic;
       }

       .tulisan_tebal{
           font-family : verdana , arial , helvetica , sans-serif;
           font-size : 12px;
           font-weight : bold;
       }

       #lindi{
           font-style : italic;
           font-size : 22pt;
           font-weight : bold;
       }
   </style>
</head>
<body>
   <h3>css embedded style sheet selector bebas</h3>
   <hr>
   <table>
       <tr>
           <td><tulisan_miring>
                   Juventus adalah tim terbaik Italia
               </tulisan_miring>
       <tr>
           <td class="tulisan_tebal">Juventus berdiri pada tahun 1897
       <tr>
           <td class id="lindi">Juventus scudetto pertama pada tahun 1905
</body>
</html>

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut: