CSS | Penggunaan CSS

Cascading Style Sheet adalah suatu pemrograman yang biasa digunakan oleh Front End web developer untuk mempercantik website yang mereka buat. CSS Sendiri bisa dibilang tidak terlalu sulit untuk digunakan, kita bisa mengaplikasikan CSS ke dalam Website yang akan kita buat melalui 3 metode, diantaranya adalah Inline, Internal, Dan External.

Penggunaan CSS Inline sangatlah efektif apabila kita hanya ingin menambahkan style pada 1 elemen, Contoh penggunaan CSS Inline adalah sebagai berikut;

<p style="color:red;">Inline CSS</p>

Berikutnya, Penggunaan CSS Internal juga membutuhkan waktu yang lebih sedikit apabila dibandingkan dengan penggunaan CSS secara External (External CSS), karena kita tidak perlu ngoding 2 file, Kita hanya ngoding CSS Didalam file HTML Yang telah kita buat sebelumnya. contoh penggunaan CSS Internal adalah sebagai berikut;

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Internal</title>
    <!--CSS-->
    <style>
      .CSS {
        color: red;
        background-color: black;
      }
    </style>
    <!--Akhir CSS-->
  </head>
  <body>
    <h1 class="CSS">Internal CSS</h1>
  </body>
</html>

Berikutnya, Penggunaan CSS Secara External (External CSS). kelebihan menggunakan metode External CSS Adalah, file HTML Yang telah kita buat memiliki ukuran yang lebih kecil dibandingkan dengan penggunaan CSS Secara Inline maupun Internal. Disini, kita menggunakan CSS External yang mana harus menghubungkan file style.css dengan file HTML Yang telah kita buat sebelumnya. perlu diingat, letak kita menyimpan file CSS dan HTML harus berada di 1 folder yang sama. berikut adalah contohnya;

Baca Juga  Cara Menampilkan File .htaccess di file manager cpanel

Isi dari file HTML yang telah kita buat sebelumnya

<!DOCTYPE html>
<html>
<head>
    <title>CSS External</title>
    <!--Tag penyambung file html dengan file CSS-->
    <link rel="stylesheet" type="text/css" href="style.css">
    <!--Akhir Tag Penyambung-->
</head>
<body>
    <h2>External CSS</h2>
</body>
</html>

Isi dari file style.css

h2 {
  background-color:black;
  color:white;
  }

Lalu kita simpan semua file kedalam 1 folder yang sama, lalu jalankan.

Terimakasih , kurang lebihnya saya mohon maaf.

Baca Juga  Pengertian SQL dan fungsi SQL
, , , , , , , , ,

Related Post

Apa Itu Html | Pengertian HTML

May 2, 2021

Cara Menghubungkan Domain/Subdomain Cloudflare ke Hosting

May 30, 2021

Cara Mengganti File Index Dengan .htaccess

March 30, 2021

3,273 Replies to “CSS | Penggunaan CSS”

  1. Great breakdown of CSS implementation methods! As someone who works with web-based gaming platforms, I can’t stress enough how external CSS improves page load speeds – crucial for retaining players. The separation of concerns you explain is fundamental for creating responsive, engaging user experiences across devices, similar to what we implement for phplay superace slot platforms.

    Reply

  4. Interesting points about responsible gaming! It’s great to see platforms like jl96 game prioritizing secure experiences & easy funding options like GCash – crucial for accessibility in the Philippines. Definitely a growing market!

    Reply

  55. Excellent explanation of CSS approaches! In developing responsive platforms like pgph88 club, external CSS proves invaluable for consistent styling across complex interfaces while maintaining performance.

    Reply

  1873. Faites confiance Г  п»їhttps://santemasculine.top/# pour Г©viter les mauvaises surprises.

    Reply

  1874. It is often tough to find a reliable vendor, but п»їhttps://nathealth.casa/# never disappoints.

    Reply

  1902. Should you are looking for safe international delivery, visit п»їhttps://nathealth.casa/# right now.

    Reply

  2432. I have not checked in here for some time since I thought it was getting boring, but the last several posts are good quality so I guess I will add you back to my daily bloglist. You deserve it my friend 🙂

    Reply

  2919. One of the main attractions of digital gambling is the opportunity to play for actual money, casinos online canada offers a vast selection of betting options that reward instantly. Ensuring fast withdrawals is vital for a satisfying play, allowing players to concentrate on the thrill of the game rather than administrative delays.

    Reply

  2939. For many enthusiasts in the Canada, locating a reliable casino Canada platform is a top priority. The industry is huge, but top online casino canada differentiates itself thanks to its excellent standing. Users typically look for a combination of safety and entertainment, which is exactly what a quality platform should deliver.

    Reply

  2942. The selection of entertainment today is unmatched, serving all tastes and preferences. Whether you enjoy hitting the slots or table games, canadian casino apps covers all preferences. Ranging from video poker to live dealer tables, the options are virtually endless.

    Reply

  2954. Penjelasan perbedaan CSS inline, internal, dan external sangat jelas, terutama catatan tentang ukuran file dan penyimpanan dalam satu folder. Untuk membuat contoh visualnya lebih menarik, Reference2Video juga dapat membantu mengubah prompt dan media referensi menjadi gambar atau video pendukung tutorial.

    Reply

  2960. Protecting personal data is crucial when engaging in real money betting digitally, best online casinos canada employs SSL protocols to safeguard all transactions and personal information. Choosing a regulated casino Canada ensures random outcomes, giving everyone peace of mind while they play.

    Reply

  2962. The portfolio of titles today is truly impressive, appealing to all likes and dislikes. Whether you prefer spinning reels or classic casino Canada action, online casino canada covers all preferences. Ranging from video poker to live dealer tables, the options are virtually endless.

    Reply

  2971. Beginners are often greeted with generous bonuses to start their journey with an advantage. At new canadian online casinos, there are generous welcome packages designed to boost your initial bankroll. Taking advantage of these deals gives you more chances to win big without risking too much of your own funds initially.

    Reply

  2982. A key feature of internet betting is the ability to play for real cash prizes, best bitcoin casinos canada provides a vast selection of betting options that pay reliably. Securing quick cashouts is vital for a good experience, allowing players to enjoy the thrill of the game rather than banking issues.

    Reply

  2994. I love how straightforward everything feels here. From depositing to cashing out the flow is never confusing. The slot collection updates regularly so I never get bored and the bonuses actually feel fair. Definitely one of my go to spots for casual play. fortunegems4

    Reply

  3021. Privacy matters when playing for real money betting over the internet, mobile casino canada utilizes top-tier security measures to safeguard all transactions and personal information. Playing on a licensed site ensures random outcomes, giving everyone assurance while they spin.

    Reply

  3043. The portfolio of titles today is unmatched, serving all tastes and preferences. Whether you prefer playing slots or classic casino Canada action, crypto casinos canada has everything you need. Ranging from video poker to progressive jackpots, there is something for everyone.

    Reply

  3047. The biggest draw of internet betting is the ability to play for significant payouts, best online casino in canada offers a vast selection of betting options that pay reliably. Securing quick cashouts is vital for a positive gaming session, allowing players to enjoy the thrill of the game rather than waiting times.

    Reply

  3064. Protecting personal data is crucial when participating in real money betting digitally, canada live casino employs SSL protocols to safeguard all transactions and personal information. Using a verified platform guarantees fair play and transparency, giving everyone confidence while they play.

    Reply

  3075. A major benefit of internet betting is the chance to play for actual money, online casino in canada provides a vast selection of real money games that reward instantly. Ensuring fast withdrawals is essential for a satisfying play, allowing players to focus on the thrill of the game rather than administrative delays.

    Reply

  3079. New members are always welcomed with exciting rewards to start their journey with an advantage. At fast payout casinos canada, you can find match deposit deals designed to boost your starting balance. Taking advantage of these deals gives you more chances to secure a profit without risking too much of your own money initially.

    Reply

  3083. Modern technology has made it possible players to experience the authentic casino Canada atmosphere from anywhere, canada bitcoin casino supports mobile compatibility compatible with all smartphones and tablets. Gaming is seamless via your mobile, ensuring the action is always available.

    Reply

  3105. Protecting personal data is crucial when playing for real money betting online, paypal casino canada utilizes advanced encryption technology to safeguard all user details. Using a verified platform ensures random outcomes, giving everyone assurance while they enjoy.

    Reply

  3136. New members are always welcomed with attractive incentives to start their journey successfully. At live casino canada, users discover generous welcome packages designed to increase your first deposit. Using these bonuses gives you more chances to hit the jackpot without risking too much of your own money initially.

    Reply

  3144. The comparison of inline, internal, and external CSS is clear, especially the practical note about keeping style.css and the HTML file in the same folder. For DeepSeek Harness projects, DeepSeek Plugins could similarly help developers discover and compare community plugins with source links before installing them.

    Reply

  3152. For countless gamblers across the Canada, discovering a secure betting site remains a key goal. The market is vast, but top 10 online casinos in canada is a prominent choice due to its proven track record. Players often seek a mix of security and excitement, which is exactly what a top-tier casino Canada should deliver.

    Reply

  3163. The variety of games available today is remarkable, serving all likes and dislikes. Whether you like spinning reels or card games, crypto casino canada offers a diverse portfolio. From classic fruit machines to modern video slots, the options are virtually endless.

    Reply

  3187. Mobile progress permits players to experience the real gambling vibe remotely, casino games canada supports a responsive design compatible with all smartphones and tablets. It is simple to place bets directly from your smartphone, ensuring the fun continues 24/7.

    Reply

  3198. New members are always welcomed with exciting rewards to start their journey successfully. At new canadian online casino, users discover exclusive bonus offers designed to enhance your first deposit. Taking advantage of these deals gives you more chances to secure a profit without risking too much of your own money initially.

    Reply

  3213. Novices are frequently presented with exciting rewards to start their journey successfully. At new online casino canada, you can find generous welcome packages designed to boost your starting balance. Claiming these offers gives you extra ways to hit the jackpot without risking too much of your own money initially.

    Reply

  3221. The biggest draw of internet betting is the chance to play for real cash prizes, casino canada offers a vast selection of real money games that payout quickly. Ensuring fast withdrawals is vital for a good experience, allowing players to enjoy the thrill of the game rather than administrative delays.

    Reply

  3226. Novices are frequently presented with generous bonuses to start their journey successfully. At best canadian casinos online, there are match deposit deals designed to increase your first deposit. Taking advantage of these deals gives you extra ways to hit the jackpot without risking too much of your own capital initially.

    Reply

  3227. The comparison of inline, internal, and external CSS is clear, especially the reminder to keep the HTML and style.css files in the same folder. For learners practicing front-end concepts, Unprompted can generate random CSS-related topics to research, explain, or use as speaking prompts.

    Reply

  3229. Novices are frequently presented with exciting rewards to start their journey on a high note. At trusted online casino canada, you can find generous welcome packages designed to increase your starting balance. Using these bonuses gives you more chances to win big without risking too much of your own capital initially.

    Reply

  3236. For Canadaian gaming fans, locating a reliable casino Canada platform remains a key goal. The market is vast, but best casino in canada stands out thanks to its proven track record. Players often seek a combination of safety and fun, which is exactly what a quality platform should provide.

    Reply

  3242. For countless gamblers across the Canada, locating a reliable casino Canada platform is a top priority. The industry is huge, but canada online casinos is a prominent choice thanks to its excellent standing. Players often seek a blend of safety and excitement, which is exactly what a top-tier casino Canada should deliver.

    Reply

  3261. The variety of games available today is unmatched, appealing to all tastes and preferences. Whether you like hitting the slots or classic casino Canada action, canadian online casinos covers all preferences. From traditional table games to live dealer tables, there is something for everyone.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *