Selamat datang dan selamat belajar - Silahkan Follow lewat G+ agar anda tidak ketinggalan update materi kami - SALAM

Sunday 7 February 2016

CSS : Warna Text

Warna teks

Properti warna yang digunakan untuk mengatur warna teks.

Dengan CSS, warna yang paling sering ditentukan oleh:

     nama warna - seperti "merah"
     nilai HEX - seperti "# ff0000"
     nilai RGB - seperti "rgb (255,0,0)"

Lihatlah CSS Nilai Warna untuk daftar lengkap dari kemungkinan nilai warna.

Warna teks default untuk halaman didefinisikan dalam body selector


CSS : Membuat Border

CSS Border Properti 
Sifat CSS border memungkinkan Anda untuk menentukan gaya, lebar, dan warna perbatasan merupakan elemen.

 

Border Style

Properti border-style menentukan jenisborder apa yang akan ditampilkan.

Nilai-nilai berikut yang diizinkan:


  • dotted- Mendefinisikan perbatasan bertitik
  • dashed - Mendefinisikan perbatasan putus-putus
  • solid - Mendefinisikan sebuah perbatasan yang solid
  • double - Mendefinisikan perbatasan ganda
  • groove - Mendefinisikan sebuah perbatasan beralur 3D. Efeknya tergantung pada nilai border-color
  • ridge - Mendefinisikan sebuah perbatasan bergerigi 3D. Efeknya tergantung pada nilai border-color
  • inset - Mendefinisikan sebuah perbatasan inset 3D. Efeknya tergantung pada nilai border-color
  • outset - Mendefinisikan sebuah perbatasan awal 3D. Efeknya tergantung pada nilai border-color
  • none - Mendefinisikan tidak ada batas
  • hidden - Mendefinisikan perbatasan tersembunyi

Wednesday 27 January 2016

CSS : Warna Latar Belakang

Warna latar belakang

Properti background-color menentukan warna latar belakang dari elemen.

Warna latar belakang halaman diatur seperti ini:


<!DOCTYPE html>
<html>
<head>
<style>
body {
    background-color: lightblue;
}
</style>
</head>
<body>

<h1>Selamat belajar!</h1>

<p>Halaman ini adalah sebuah latar belakang</p>

</body>
</html>


Monday 11 January 2016

Belajar CSS : Bagaimana CSS Bekerja 2

Inline Styles

Inline Styles dapat digunakan untuk menerapkan style yang unik untuk elemen tunggal.

Untuk menggunakan
Inline Styles, menambahkan atribut style untuk elemen yang relevan. Atribut style dapat berisi properti CSS.

Contoh di bawah menunjukkan bagaimana untuk mengubah warna dan margin kiri dari <h1> elemen:


Contoh :
<!DOCTYPE html>
<html>
<body>

<h1 style="color:blue;margin-left:30px;">Ini sebuah heading.</h1>
<p>Ini sebuah paragraph.</p>

</body>
</html>

Hasil :
 

Ini sebuah heading.

Ini sebuah paragraph.
 
 
 
 

Saturday 9 January 2016

Belajar CSS : Bagaimana CSS Bekerja

Ketika browser membaca style sheet, itu akan memformat dokumen HTML menurut informasi dalam style sheet.

Ada tiga cara untuk memasukkan style sheet:

     Style sheet eksternal
     Internal style sheet
     gaya inline

Style Sheet eksternal

Tuesday 22 December 2015

CSS Tutorial 2

Apa itu CSS?

CSS singkatan dari Cascading Style Sheets
CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau di media lain,CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak beberapa halaman web sekaligus Stylesheet eksternal disimpan dalam file CSS.


CSS Tutorial 1

Sebelum memulai belajar CSS saya berasumsi bahwa anda harus tahu setidaknya tentang HTML dan desain web. ok.. artinya saya tidak akan menjelaskan lebih rinci tentang HTML, nanti akan kita cuplik saja sekilas sekilas... :D