Sabtu, 25 April 2015

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>

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>

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 dahulu

kita 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 


Tidak ada komentar:

Posting Komentar