Cara Mengedit Tulisan Atau Konten Web Dengan Css

Halo sob yuk kita lanjutin lagi belajar cssnya, kali ini kita akan belajar cara mengedit tulisan atau konten web dengan css. Buat yang belum paham apa itu css bisa baca artikel sebelumnya ya.
Oke kita mulai aja langsung, sebuah web biasanya terdapat konten atau tulisan yang menerangkan tentang web tersebut. Kebayang gak sih kalo tulisan fontnya itu-itu aja ? Pastinya website jadi tidak menarik bukan ? .

Yap kali ini kita akan membuat konten website kita lebih cantik dengan css. Sesuai dengan fungsinya css berfungsi untuk memperindah tampilan website. Langsung saja kita praktekan bersama , tulis kode dibawah ini dan simpan dengan ekstensi ( file.html ).

<!doctype html>
<html>
<head>
 <title>Mengedit tulisan dengan css</title>
 <style>
 /* Ini css untuk mengedit <h1>
 */
  h1 {
   font-family : 'Comic Sans MS'; /* ini untuk mengganti font */
   color : #dedede; /* ini untuk mengganti warna tulisan */
   font-size: 20pt; /* ini untuk mengatur besar kecilnya tulisan */
   text-align: center; /* ini untuk mengatur letak tulisan (left , center , right) */
  }
/* ini untuk mengatur css <p>
*/
  p {
   color : #000;
   font-size: 10pt;

}
 </style>
</head>
<body>
 <h1>
 Ini Judul Website </h1>
<p>
Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ut wisi enim ad minim veniam, </p>
</body>
</html>

Oke jika sudah selesai coba kalian buka file yang baru saja kalian buat. Hasilnya akan berbeda jika kita tidak menggunakan css. Tag <h1> menggunakan font 'Comic Sans MS' dan tag <p> menggunakan font 'Arial' .

Bagaimana sudah mengerti cara mengedit tulisan website dengan css ?
Jangan lupa ikuti terus artikel dari kami , dan jangan lupa untuk terus berlatih supaya kalian mahir dalam pemrograman web ini. Akhir kata saya mohon maaf apabila ada kesalahan.

Wassalam ...