Belajar CSS cascading style sheet bagian 1 untuk pemula
Belajar CSS cascading style sheet bagian 1 untuk pemula - Assalamu'alaikum Wr Wb,, Kali Ini saya akan mencoba membuat artikel tentang css, anda belum tau css itu apa :D ? yuk baca artikel di bawah ini :D :
Bagian utama CSS terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga dikenal dengan sebutan selector.
nama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal bagian elemen HTML yang akan ditunjuk untuk mengatur style, dapat berupa class dan ID
Property
aturan dalam CSS untuk mengubah selector yang dipilih. property mempunyai nilai yang disebut dengan value properties, properties dan value harus berada di dalam tanda { }(semicolon)
Value
Merupakan nilai dari property CSS
contoh script css :
p : adalah selector yang mau di hias
color : adalah property untuk mewarnai text
green : adalah value dari property color untuk mewarnai text menjadi hijau
text-align : adalah property untuk mengatur aligment atau posisi text
center : adalah value dari property text-align untuk membuat text berada di tengah halaman web
font-size : adalah property untuk menentukan besar kecil ukuran suatu text
40px : adalah value dari property font-size untuk menentukan besar kecil nya text
contoh :
oke sampai disini kita dulu belajar :D sampai artikel berikutnya :D Assalamu'alaikum Wr Wb,,
apa itu css ?
css atau Cascading Style Sheet adalah bahasa pemograman web yang digunakan para web designer untuk mengatur style elemen yang ada dalam halaman website, mulai dari mengatur text sampai mengatur layout. tujuan penggunaan css adalah untuk menghias suatu website supaya indah atau keren di lihat.Bagian utama CSS terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga dikenal dengan sebutan selector.
mengenal selector, property, dan value
Selectornama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal bagian elemen HTML yang akan ditunjuk untuk mengatur style, dapat berupa class dan ID
Property
aturan dalam CSS untuk mengubah selector yang dipilih. property mempunyai nilai yang disebut dengan value properties, properties dan value harus berada di dalam tanda { }(semicolon)
Value
Merupakan nilai dari property CSS
 |
| contoh penulisan css |
p{dari contoh script css di atas maka tiap bagian akan di jelaskan sebagai berikut :
color:green;
text-align:center;
font-size:40px;
}
p : adalah selector yang mau di hias
color : adalah property untuk mewarnai text
green : adalah value dari property color untuk mewarnai text menjadi hijau
text-align : adalah property untuk mengatur aligment atau posisi text
center : adalah value dari property text-align untuk membuat text berada di tengah halaman web
font-size : adalah property untuk menentukan besar kecil ukuran suatu text
40px : adalah value dari property font-size untuk menentukan besar kecil nya text
membuat komentar di css
untuk memudahkan para programmer biasa mereka menggunakan komentar di setiap script yang mereka tandai, contoh penulisan komentar di css ditandai dengan // untuk satu baris dan /* ... */ untuk lebih dari satu baris.contoh :
/* -----
name : Mu'alif lihawa
Group : Sonic Rider Computer Club
-----*/
//script untuk text warna merah
p{
color:red;
font-size:25px;
}
//script untuk text warna biru
h1{
color:green;
font-size:30px; }
oke sampai disini kita dulu belajar :D sampai artikel berikutnya :D Assalamu'alaikum Wr Wb,,
Comments
Post a Comment