Cascading Style Sheets (CSS)
CSS dihadirkan para designer web untuk mengoptimalkan kemampuannya dalam merancang halaman web. CSS memungkinkan para designer untuk mengatur format dan layout halaman secara lebih efisien. CSS dapat diletakkan pada bagian atas dokumen HTML atau pada file tersendiri.
CSS Syntax
Ada tiga cara untuk menggunakan style pada halaman web. Penggunaan cara-cara tersebut
tergantung kebutuhan halaman web. Tiga cara tersebut adalah :
1.Linking. 2.Embedding.
3.Import.
2. CSS Embedding yaitu dengan meletakkan definisi style sheet di bagian atas sebelum dokumen sebelum bagian <body>
3. CSS Import yaitu mengimport file yang berisi Style Sheet.
Contoh Sintax CSS Embedding :
<html>
<head>
<title>Contoh</title>
<style type="text/css">
#header
{
background-color:navy;
border:1px dotted blue;
width:50%;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:arial;
color:white;
padding-top: 20px;
padding-bottom: 20px;
}
hr
{
color:red;
}
}
</style>
</head>
<body>
<div id="header">
Saya Adalah udin...
</div>
<hr />
</body>
</html>
Contoh CSS Linking :
<html>
<head>
<title>Coba Style Sheets</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
Saya Adalah Udin
</div>
<hr />
</body>
</html>
Contoh CSS Import :
<html>
<head>
<title>Langsung</title>
<style type="text/css">
@import url(http://localhost/cs/css/style.css);
</style>
</head>
<body>
<head>
<title>Langsung</title>
<style type="text/css">
@import url(http://localhost/cs/css/style.css);
</style>
</head>
<body>
<div id="header">
Saya Adalah Udin
Saya Adalah Udin
</div>
<hr />
</body>
</body>
</html>
CSS ID and CSS Class
Untuk mengatur style untuk html element, CSS menyediakan beberapa pilihan yang biasa disebut ID dan Class.
Secara garis besar css id dideklarasikan menggunakan karakter “#” (Pagar) sedangkan css class dideklarasikan menggunakan karakter “.” (Titik)
CSS ID merujuk sebagai style specifik single user atau unique element atau bahasa paling mudah hanya boleh sekali digunakan.
Secara garis besar css id dideklarasikan menggunakan karakter “#” (Pagar) sedangkan css class dideklarasikan menggunakan karakter “.” (Titik)
CSS ID merujuk sebagai style specifik single user atau unique element atau bahasa paling mudah hanya boleh sekali digunakan.
CSS ID merujuk sebagai style specifik single user atau unique element atau bahasa paling gampang hanya boleh sekali digunakan.
CSS Class adalah kebalikan dari CSS id, jadi CSS class dapat digunakan beberapa kali dan bukan element unique melainkan group element.
CSS Class adalah kebalikan dari CSS id, jadi CSS class dapat digunakan beberapa kali dan bukan element unique melainkan group element.
CSS Class lebih digunakan untuk format style tulisan, sedangkan ID untuk melayout bagian-bagian utama template seperti header, sidebar atau kolom footer.
CSS ID
selector id digunakan untuk menentukan gaya untuk elemen tunggal yang unik. selector Id menggunakan atribut id elemen HTML, dan didefinisikan dengan "#".
CSS Class
class selector digunakan untuk mendefinisikan sebuah style bagi sekumpulan element. tidak seperti id selector, class selector paling sering digunakan pada beberapa element.
Hal ini memungkinkan Anda untuk menetapkan gaya tertentu untuk setiap elemen HTML dengan kelas yang sama.
class selector menggunakan class atribut element HTML, dan didefinisikan dengan "."
class selector menggunakan class atribut element HTML, dan didefinisikan dengan "."
CSS Formating
CSS menyediakan fungsi untuk memformat tampilan di halaman web berikut ini contoh dari css formating :
0
komentar