sifat tetapan css

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk mengawal gaya dan reka letak halaman web CSS boleh digunakan untuk mengawal pelbagai atribut gaya seperti fon, warna, reka letak dan sempadan dalam halaman web, dengan itu membuat halaman web. lebih cantik dan mudah dibaca.

Berikut akan memperkenalkan beberapa atribut gaya CSS biasa dan kaedah tetapannya:

1. Atribut teks

CSS boleh mengawal gaya teks dalam halaman web, termasuk Font, warna, saiz dan penjajaran dsb. Berikut ialah beberapa atribut gaya teks yang biasa digunakan:

(1) font-family: Tetapkan fon. Contohnya: font-family: Arial, Helvetica, sans-serif bermaksud menggunakan fon Arial Jika fon tidak boleh dimuatkan, fon Helvetica akan digunakan, fon sans-serif lalai digunakan.

(2) saiz fon: Tetapkan saiz fon. Contohnya: saiz fon: 16px bermaksud saiz fon ialah 16 piksel.

(3) warna: Tetapkan warna fon. Contohnya: warna: #333 bermaksud warna fon adalah kelabu gelap.

(4) penjajaran teks: Tetapkan penjajaran. Contohnya: text-align: center;

2. Atribut sempadan

CSS boleh menambah gaya sempadan, yang boleh digunakan untuk mencantikkan elemen halaman web, seperti gambar, tajuk, dsb. Berikut ialah beberapa atribut gaya sempadan yang biasa digunakan:

(1) sempadan: Tetapkan sempadan. Contohnya: jidar: 1px pepejal #ccc bermaksud jidar adalah 1 piksel lebar dan warnanya kelabu muda.

(2) jejari sempadan: Tetapkan sempadan bulat. Contohnya: jejari sempadan: 5px bermaksud jejari sudut ialah 5 piksel.

(3) sempadan-atas, sempadan-kanan, sempadan-bawah, sempadan-kiri: Tetapkan gaya sempadan bahagian atas, kanan, bawah dan kiri masing-masing.

3. Atribut latar belakang

CSS boleh menetapkan gaya latar belakang elemen halaman web, termasuk warna latar belakang, gambar, kaedah pengulangan, dsb. Berikut ialah beberapa atribut gaya latar belakang yang biasa digunakan:

(1) warna latar belakang: Tetapkan warna latar belakang. Contohnya: background-color: #f5f5f5; bermaksud warna latar belakang adalah kelabu muda.

(2) imej latar belakang: Tetapkan imej latar belakang. Contohnya: background-image: url("image.jpg"); bermaksud imej latar belakang ialah image.jpg.

(3) ulangan latar belakang: Tetapkan kaedah ulangan imej latar belakang. Contohnya: background-repeat: repeat-x bermaksud mengulangi imej secara mendatar.

(4) saiz latar belakang: Tetapkan saiz imej latar belakang. Contohnya: saiz latar belakang: penutup bermaksud imej latar belakang menutup sepenuhnya bekas dan mengekalkan perkadaran.

4. Harta model kotak

Model kotak dalam CSS merujuk kepada saiz dan kedudukan elemen, termasuk kawasan kandungan, padding, jidar dan jidarnya. Berikut ialah beberapa atribut model kotak yang biasa digunakan:

(1) lebar: Tetapkan lebar elemen. Contohnya: lebar: 200px bermaksud lebar ialah 200 piksel.

(2) ketinggian: Tetapkan ketinggian elemen. Contohnya: ketinggian: 100px bermaksud ketinggian ialah 100 piksel.

(3) pelapik: Tetapkan jidar dalam elemen. Contohnya: padding: 10px bermaksud padding ialah 10 piksel.

(4) jidar: Tetapkan jidar luar elemen. Sebagai contoh: margin: 20px bermaksud margin ialah 20 piksel.

5. Atribut terapung

Atribut terapung dalam CSS boleh membuatkan elemen terlepas daripada aliran dokumen biasa dan boleh mencapai reka letak berbilang lajur dan kesan lain. Berikut ialah beberapa atribut terapung yang biasa digunakan:

(1) terapung: Tetapkan kaedah terapung bagi elemen. Contohnya: float: left; bermaksud unsur terapung ke kiri.

(2) jelas: kosongkan mod terapung. Contohnya: jelas: kedua-duanya bermaksud kandungan di bawah elemen tidak dibenarkan terapung.

Di atas ialah beberapa sifat gaya CSS yang biasa digunakan dan kaedah tetapannya Ia boleh digunakan untuk mengawal gaya pelbagai elemen seperti teks, sempadan, latar belakang, model kotak dan terapung. Dalam pembangunan sebenar, menguasai atribut gaya ini dan menggunakannya secara fleksibel boleh menjadikan halaman web lebih cantik dan profesional.

Atas ialah kandungan terperinci sifat tetapan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!