mengunakan css dalam 3 metode
css adalah sebuah perangkat dalam html yang dibuat untuk mengatur website ,dalam pemangilanya css tediri dalam 3 metode
yang pertama adalah pemnagilan secara inline style
yaitu dimana kita memangil css namun menyertakan codenya di dalam tag yang akan mengunakan
css
inline style
<html>
<head><title>nusakom</title></head>
<body>
<p style =" color :green">exampl</p>
</body>
</html>
<head><title>nusakom</title></head>
<body>
<p style =" color :green">exampl</p>
</body>
</html>
dalam bentuk kode diatas akan menghasilkan output seperti dibawah ini
selanjutnya adlah metode kidua yaitu
internal style
cara ini hampir sama dengan metode sebelumnya namun kita mambuat style nya dulu yang berada diantara head dan memangilnya di dalam body
<html>
<head><title>nusa-kom</title>
<style >
p {
color :red
}
</style>
<body>
<p>example</p>
</body>
</html>
<head><title>nusa-kom</title>
<style >
p {
color :red
}
</style>
<body>
<p>example</p>
</body>
</html>
dalam kode diatas maka akan menghasilkan output seperti dibawah ini
stelah metode diatas maka akan menuju ke metode berikutnya yaitu
external style
ini adalah metode yang dimana kita mengunakan css dengan memangilnya di file css yang akan kita buat pertam dahulukita buat dahulu file dengan notepad dan beri nama konek.css
kode nya ini =
p{color:#000000″}
stelah kode diatas dbuat kita buat lagi file untuk menampilkan css ,dan jangan lupad dalam file ini kita mengunakan perintah untu memanggil css nya
<html>
<head>
<title>nusakom</title>
<link href=”konek.css” rel=”stylesheet” type=”text/css” media=”screen” />
</head>
<body>
<p>Contoh</p>
</body>
</html>
kita mengunakan fungsi
<link href=”konek.css” rel=”stylesheet” type=”text/css” media=”screen” />
untuk memanggil css yang ada di luar file ini
mudah toh belajra css tag css hanya didahuli style lalu nama id atau class yang akan di pangil
biasanya id mengunakan tanda # dan clas . (titik)
saya membuat posting ini untuk membuat catatan siapa tahu berguna di lain waktu saat lupa
atau memberi pembelajaran orang lain
sekian gan
Belum ada Komentar untuk "mengunakan css dalam 3 metode"
Posting Komentar