CSS (Cascading Style Sheets) adalah penting untuk mereka bentuk bahagian hadapan tapak web

Mari kita terokai beberapa contoh CSS biasa yang boleh anda gunakan untuk meningkatkan projek web anda:

1. Penggayaan Asas:

   • Tetapkan warna latar belakang elemen:

    .my-element {
      background-color: #f0f0f0;
    }
   

• Tukar warna teks:
  

   .my-text {
     color: #333;
   }
  

1. Sempadan:

   • Tetapkan lebar jidar, gaya dan warna:

    .my-box {
      border: 2px solid #ddd;
    }
   

2. Margin dan Padding:

   • Nyatakan margin untuk setiap sisi:

    .my-box {
      margin: 10px 20px;
    }
   

• Tetapkan padding untuk elemen:
  

   .my-content {
     padding: 15px;
   }
  

1. Latar Belakang:

   • Tetapkan warna latar belakang untuk keseluruhan halaman:

    body {
      background-color: #f9f9f9;
    }
   

• Gunakan imej sebagai latar belakang:
  

   .hero-section {
     background-image: url('path/to/image.jpg');
     background-size: cover;
   }
  

1. Reka Bentuk Responsif:

   • Gunakan pertanyaan media untuk melaraskan gaya berdasarkan saiz skrin:

    @media screen and (max-width: 768px) {
      .my-element {
        font-size: 14px;
      }
    }
   

Ingat untuk menggantikan nama kelas (cth., .my-element) dengan elemen HTML sebenar anda.

Atas ialah kandungan terperinci CSS (Cascading Style Sheets) adalah penting untuk mereka bentuk bahagian hadapan tapak web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!