Assalamualaikum wr.wb
Apasih CSS itu? CSS atau Cascading StyleSheet (udah kebayang kan artinya apa dari terjemahannya itu? ) berguna untuk mengatur style, model, atau letak pada suatu tag.
Penggunaannya bisa digunakan di internal, eksternal, maupun iline.
CSS Internal : Script CSS berada di dalam tag <head>, dan memiliki tag sendiri yaitu <style> </style>
<head>
<title> </title>
<style>
<!--Disini adalah tempat script CSS-->
</style>
</head>
CSS Eksternal : Script CSS berada dalam file lain(baru), cara memasukkannya file CSS ke html ada script tambahan didalam tag head
<head>
<title> </title>
<link rel="stylesheet" href="namacss.css" type="text/css">
</head>
CSS Inline : Script CSS berada di dalam penulisan tag, sebagai atribut. Nama atributnya adalah style, metode ini sedikit ribet, dan penulisannya jadi panjang. namun lebih mudah penggunaannya apabila ingin mengkhususkan (membedakan) text yang satu dengan lainnnya
<h1 style="font-family: Arial; color: red; text-align: right;">
text ini khusus beda sendiri
</h1>
Script CSS identik dengan kurung kurawa "{ }" dan titik dua ":" dan titik dua koma ";"
kurung kurawa menandakan bahwa apa yang didalam kurung kurawa itulah apa yang mau di edit, dan seperti apa sih hasil yang kita inginkan.
titik dua koma sebagai batasan bahwa apa yang mau di edit, dan apa yang kita inginkan tersebut telah selesai.
Penulisan CSS :
rumusnya adalah seperti ini
selector {
property: value;
}
atau agar lebih mudah dipahami :
elemen / tag yang mau diedit {
mau diedit apanya : diedit menjadi apa;
}
misalnya kita ingin mengatur yang berada di body
body {
color: red;
font-family: Arial;
text-align: justify;
}
body merupakan elemen apa yang ingin di edit (selector)
apa yang berada di dalam kurung kurawa { } merupakan apa saja yang ingin diedit
color, font family, text-align merupakan apa yang ingin kita edit (property)
titik dua ":" bisa diartikan sebagai "diedit menjadi"
red, Arial, Justify merupakan apa yang kita inginkan (value)
titik dua koma ";" sebagai batasan bahwa apa yang mau di edit, dan apa yang kita inginkan tersebut telah selesai
jika di jadikan kalimat, bahasa kasarnya seperti ini :
saya ingin mengedit apa yang didalam body, saya ingin mengedit color menjadi red, font-family menjadi Arial, text-align menjadi justify.
Mohon maaf apabila katakatanya berantakan, karena ini adalah pemahaman yang saya buat sendiri berdasarkan prinsip saya agar mudah dimengerti, bukan dari google.
Sekian Semoga Bermanfaat
Apasih CSS itu? CSS atau Cascading StyleSheet (udah kebayang kan artinya apa dari terjemahannya itu? ) berguna untuk mengatur style, model, atau letak pada suatu tag.
Penggunaannya bisa digunakan di internal, eksternal, maupun iline.
CSS Internal : Script CSS berada di dalam tag <head>, dan memiliki tag sendiri yaitu <style> </style>
<head>
<title> </title>
<style>
<!--Disini adalah tempat script CSS-->
</style>
</head>
CSS Eksternal : Script CSS berada dalam file lain(baru), cara memasukkannya file CSS ke html ada script tambahan didalam tag head
<head>
<title> </title>
<link rel="stylesheet" href="namacss.css" type="text/css">
</head>
CSS Inline : Script CSS berada di dalam penulisan tag, sebagai atribut. Nama atributnya adalah style, metode ini sedikit ribet, dan penulisannya jadi panjang. namun lebih mudah penggunaannya apabila ingin mengkhususkan (membedakan) text yang satu dengan lainnnya
<h1 style="font-family: Arial; color: red; text-align: right;">
text ini khusus beda sendiri
</h1>
Script CSS identik dengan kurung kurawa "{ }" dan titik dua ":" dan titik dua koma ";"
kurung kurawa menandakan bahwa apa yang didalam kurung kurawa itulah apa yang mau di edit, dan seperti apa sih hasil yang kita inginkan.
titik dua koma sebagai batasan bahwa apa yang mau di edit, dan apa yang kita inginkan tersebut telah selesai.
Penulisan CSS :
rumusnya adalah seperti ini
selector {
property: value;
}
atau agar lebih mudah dipahami :
elemen / tag yang mau diedit {
mau diedit apanya : diedit menjadi apa;
}
misalnya kita ingin mengatur yang berada di body
body {
color: red;
font-family: Arial;
text-align: justify;
}
body merupakan elemen apa yang ingin di edit (selector)
apa yang berada di dalam kurung kurawa { } merupakan apa saja yang ingin diedit
color, font family, text-align merupakan apa yang ingin kita edit (property)
titik dua ":" bisa diartikan sebagai "diedit menjadi"
red, Arial, Justify merupakan apa yang kita inginkan (value)
titik dua koma ";" sebagai batasan bahwa apa yang mau di edit, dan apa yang kita inginkan tersebut telah selesai
jika di jadikan kalimat, bahasa kasarnya seperti ini :
saya ingin mengedit apa yang didalam body, saya ingin mengedit color menjadi red, font-family menjadi Arial, text-align menjadi justify.
Mohon maaf apabila katakatanya berantakan, karena ini adalah pemahaman yang saya buat sendiri berdasarkan prinsip saya agar mudah dimengerti, bukan dari google.
Sekian Semoga Bermanfaat
loading...
Comments
Post a Comment