-

CSS


A. Apa itu css?


CSS berfungsi untuk menjelaskan dan menata tampilan elemen yang tertulis pada bahasa markup, salah satunya adalah HTML. Dalam arti lain, CSS-lah yang menjelaskan bagaimana elemen HTML di balik layar ditampilkan sedemikian rupa di layar website-mu nanti.

1.css internal

css internal adalah metode penulisan CSS langsung didalam file HTML tepatnya berada diantara tag head dengan diapit tag style terlebih dahulu sebelum memuali kode CSS.
contohnya:

<!-- css internal -->
    <style>
        body{
            background-image: url(blue-aesthetic-lake-full-moon-iwxpcn0jo4w3tmoh.webp);
            background-repeat: no-repeat;
            background-size: cover;
        }

    </style>
</head>
<body>


2. css inline

CSS inline merujuk pada penerapan gaya CSS langsung di dalam elemen HTML menggunakan atribut style. Dalam hal ini, gaya CSS didefinisikan secara langsung di tag HTML yang sesuai. Ini memberikan kontrol yang sangat spesifik atas tata letak dan penampilan elemen tertentu.

Contoh penggunaan CSS inline:

     <!-- css inline -->
    <h2 style="text-align: center; font-size: 40px;padding: 0; width:fit-content;
    border: 1px solid white;" >hehe :)</h2>


3.css external

CSS eksternal merujuk pada praktik menaruh semua aturan gaya CSS dalam file terpisah yang kemudian disambungkan dengan dokumen HTML. File CSS eksternal memiliki ekstensi ".css" dan dapat dihubungkan dengan halaman HTML menggunakan elemen <link> di dalam bagian <head> HTML.

a. file index html

 <title>Document</title>
    <!-- menyambungkan html dan css-->
    <link rel="stylesheet" href="style.css">

b. file style.css

/* css ekstenal */
*{
    font-family: arial;
}

h1{
    color: rgb(14, 164, 175);
    text-align: center;
    padding-top: 100px;
   
}

kesimpulan 


kesimpulanya dalam css terdapat 3 jenis yaitu:

css inline
css internal
dan css exernal

ketiga bentuk css ini dapat diguakan tergantung keperluan penggunaannya walaupun umumnya penggunaan css external lebih banyak digunakan karena diangap lebih praktis namun dalam beberapa kasus css internal dan inline juga digunakan.

see you :)



Komentar

Posting Komentar

Postingan populer dari blog ini

Pemrograman berorientasi objek

-
Gambar
PEMROGRAMAN BERORIENTASI OBJEK   A. Pengertian   Pemrograman berorientasi objek (OOP) adalah model pemrograman komputer yang mengatur desain perangkat lunak seputar data, atau objek, bukan fungsi dan logika.  OOP berfokus pada objek yang ingin dimanipulasi oleh pengembang daripada logika yang diperlukan untuk,    Hal ini mencakup program untuk manufaktur dan desain, serta aplikasi seluler; misalnya OOP dapat digunakan untuk pembuatan perangkat lunak simulasi sistem . B. Struktur pemrograman berorientasi objek stuktur OOP mencangkup beberapa hal diantaranya adalah: Class adalah tipe data yang ditentukan pengguna yang bertindak sebagai cetak biru untuk objek, atribut, dan metode individual. Objek  adalah turunan dari kelas yang dibuat dengan data yang ditentukan secara spesifik. Objek dapat berhubungan dengan objek dunia nyata atau entitas abstrak. Ketika class didefinisikan pada awalnya, deskripsi adalah satu-satunya objek yang didefinisikan. Metode  a...
Baca selengkapnya

Data Analytic

-
DATA  ANALYTIC 1. APA ITU DATA ? Data merupakan sekelompok informasi atau fakta mentah yang dapat berupa simbol, angka, kata-kata, atau citra. Informasi ini diperoleh melalui proses pengamatan atau pencarian dari sumber-sumber tertentu. Secara etimologis, istilah “data” berasal dari bentuk jamak kata Latin “datum,” yang artinya “sesuatu yang diberikan.” Dalam penggunaan sehari-hari, data, baik dalam bentuk angka maupun kata-kata, mengacu pada fakta objek yang diamati. Sementara, dari sudut pandang statistika, data merupakan fakta-fakta yang digunakan untuk membuat kesimpulan. 2. APA ITU DATA ANALYST ? data analyst  (atau analis data) adalah orang yang bekerja dengan data.  Data analyst  ahli dalam bidang analisis data, salah satu pekerjaan dalam bidang  data science .  Data science  adalah sebuah cara untuk meneliti dan mengolah data mentah untuk menarik sebuah kesimpulan.  Lebih tepatnya lagi,  data analysis  berkaitan dengan  data...
Baca selengkapnya

module 7

-
Gambar
 PROJECT 7.2 Saya akan membuat sebuah program javascript dengan hasil seperti gambar berikut: dengan ketentuan seperti berikut: • 1. Modifikasi table buah pada Mini Project sebelumnya •  2. Jika button edit diklik maka input edit langsung muncul pada baris tersebut dan tombol edit berubah menjadi save (perhatikan gambar berikut)  • 3. Ketika button save diklik maka, baris tersebut menjadi normal kembali yaitu berupa text dan gambar, tetapi dengan menggunakan nilai yang baru sesui hasil edit. Dan button save kembali menjadi edit langsung kita mulai saja: 1. berikut kode HTML nya :     < form id =" dataForm ">         < label for =" itemName ">Nama Buah:</ label >         < input type =" text " id =" itemName " name =" itemName " style =" margin-left: 11px; ">     < br >         < label for =" itemWeight ">Berat:</ label >       ...
Baca selengkapnya