CSS
PENGENALAN CSS
CSS = CASCADING STYLE SHEET

FUNGSI : MENGENDALIKAN
BEBERAPA KOMPONEN DALAM
SEBUAH WEB SEHINGGA AKAN
LEBIH ...
CSS

HTML

HTML

HTML
Style definitions : adalah defenisi style yang ingin
dibuat.
Format penulisannya adalah :
Selector { property1 : value1 ;
...
CONTOH :

<STYLE TYPE=“TEXT/ CSS” >
HR { COLOR : RED ; HEIGHT : 5PX ;
WIDTH : 50%; }
</STYLE>
KETERANGAN :
TA G
AT R I B U...
ID SELECTOR dan CLASS
ID selector didefenisikan sendiri
ID selector diawali tanda # ( octothorpe)
CLASS diawali dengan tan...
MEMBUAT CSS
 CARA PERTAMA :

mengetikkan langsung dalam tag html sebagai
atribut .

<body>
<b style = “color : blue”> tek...
 CARA KEDUA :

Menggunakan tag style di dalam tag head.

<head>
<style type=“text/css”>
……… style definitions ………
</style...
 CARA KETIGA :

Menyimpan informasi style ke dalam sebuah file
dengan ekstensi/type file css
Memanggil file css dalam htm...
Pengenalan css
Upcoming SlideShare
Loading in …5
×

Pengenalan css

261 views

Published on

BAHAN MIKROTEACHING - SEMESTER 099 - UNJ

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
261
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pengenalan css

  1. 1. CSS
  2. 2. PENGENALAN CSS CSS = CASCADING STYLE SHEET FUNGSI : MENGENDALIKAN BEBERAPA KOMPONEN DALAM SEBUAH WEB SEHINGGA AKAN LEBIH TERSTRUKTUR DAN SERAGAM.
  3. 3. CSS HTML HTML HTML
  4. 4. Style definitions : adalah defenisi style yang ingin dibuat. Format penulisannya adalah : Selector { property1 : value1 ; property2 : value2;…. propertyN : valueN ; } Selector adalah tag yang digunakan web browser. Property : value adalah efek dari style yang diinginkan untuk selector.
  5. 5. CONTOH : <STYLE TYPE=“TEXT/ CSS” > HR { COLOR : RED ; HEIGHT : 5PX ; WIDTH : 50%; } </STYLE> KETERANGAN : TA G AT R I B U T SELECTOR P R O P E RT Y VA L U E ADALAH ADALAH ADALAH ADALAH ADALAH STYLE TYPE=“TEXT/CSS” HR C O L O R , H E I G H T, W I D T H RED, 5PX, 50%
  6. 6. ID SELECTOR dan CLASS ID selector didefenisikan sendiri ID selector diawali tanda # ( octothorpe) CLASS diawali dengan tanda titik ( . )
  7. 7. MEMBUAT CSS  CARA PERTAMA : mengetikkan langsung dalam tag html sebagai atribut . <body> <b style = “color : blue”> teks tebal dan biru </b> </body>
  8. 8.  CARA KEDUA : Menggunakan tag style di dalam tag head. <head> <style type=“text/css”> ……… style definitions ……… </style> </head>
  9. 9.  CARA KETIGA : Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file css Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head. <head> <link rel=“stylesheet” type=“text/css” href=“namafile.css”/> </head>

×