Apakah modul yang disertakan dengan css3?

Modul yang disertakan dalam css3 ialah: 1. Modul senarai, digunakan untuk menambah gaya pada senarai HTML 2. Reka letak berbilang lajur, yang memanjangkan mod susun atur blok untuk menjadikannya lebih mudah untuk menentukan berbilang lajur teks; 3. Modul warna , menyediakan pelbagai cara untuk menentukan warna, seperti nama warna, rgb(), hsl(), dsb. 4. Pertanyaan media, membenarkan CSS beroperasi pada peranti yang berbeza.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

CSS3 ialah versi teknologi CSS (Cascading Style Sheet) yang dinaik taraf. Ia telah dirumuskan pada tahun 1999. Pada 23 Mei 2001, W3C telah melengkapkan draf kerja CSS3, yang terutamanya merangkumi model kotak, modul senarai dan hiperpautan. kaedah , modul bahasa, latar belakang dan sempadan, kesan teks, reka letak berbilang lajur dan modul lain

Perubahan besar dalam evolusi CSS ialah keputusan W3C untuk membahagikan CSS3 kepada satu siri modul.

Seawal tahun 2001, W3C telah menyiapkan draf spesifikasi CSS3. Ciri baharu spesifikasi CSS3 ialah ia dibahagikan kepada beberapa modul bebas.

• Di satu pihak, membahagikannya kepada beberapa modul yang lebih kecil adalah lebih kondusif untuk pengemaskinian dan penerbitan spesifikasi yang tepat pada masanya serta pelarasan kandungan modul yang tepat pada masanya dan juga dikeluarkan meletakkan asas untuk pengembangan CSS masa hadapan.

• Sebaliknya, disebabkan oleh pengehadan peranti dan pengilang penyemak imbas yang disokong, peranti atau pengeluar secara terpilih boleh menyokong beberapa modul dan subset CSS3, yang memberi manfaat kepada Promosi CSS3.

Berikut ialah spesifikasi setiap modul CSS3 setakat Januari 2021:

css-text-decor-31999.06.22 - 2018.10.18Modul media penomboranDraf Kerjacss-page-31999.06. 23 - 2019.10.15Susun atur berbilang lajurDraf Kerjacss-multicol - 11999.06.22 - 2018.06.19Modul Warnapemilih-32001.04.04 - 2012.06.19Siasatan Media2001.07.31 - 2018.09.20Modul Fon>

Disyorkan2001.09.24 - 2020. .222002.02.20 - 2020.11.172002.05.15 - 2020.08.27css-ui-3 Jana Kandungan ModulDraf Kerjakandungan-css-32011.09.01 - 2020.12.08 . moduldraf kerjacss-position-3 2012.02.28 - 2018.12.04Modul pecahanSyor caloncs -32012.06.12 - 2020.04.21Modul susunan kotakDraf Kerjacss-counter-styles-32013.04.18 - 2013.06.03Modul limpahanDraf Kerjacss-overflow-32014.02.20 - 2020.12.18Modul jenis paparanSyor caloncss-display-3 Contohnya:

Masa	Nama	Status Terakhir	Modul
1999.01.27 - 2019.08.13	Modul pengubahsuaian teks	Cadangan calon
		Disyorkan	css-color-3
1999.06.25 - 2014.03.20	Modul ruang nama	Disyorkan	css-namespaces-3
1999.08.03 - 2018.11.06	Pemilih	Disyorkan
		Disyorkan	css3-mediaqueries
2001.05.17 - 2020.	Modul teks	Cadangan calon	css-text-3
2001.07.13 - 2021.02.11	Cascading dan warisan	🎜Disyorkan >	css-cascade-3
2001.07.13 - 2019.06.06	🎜>Modul nilai dan unit	Pengesyoran calon	nilai-css-3
2001.07.26 - 2020.12.22	Model kotak asas	Calon calon >css-box-3
	css-fonts-3
Modul Latar Belakang dan Sempadan	Syor Calon	latar belakang css- 3
Senarai modul	>	senarai-css-3
Modul Reka Letak Sebaris	Draf Kerja	css-sebaris-3	2002.08.02 - 2018.06.21
Modul Antara Muka Pengguna Asas	Disyorkan		2003.05.14 - 2019.08.02
2003.08.13 - 2019.07.16	Modul tatabahasa	Cadangan calon	css-syntax-3
2004.02.24 - 2014.10.14	Modul paparan hiperpautan	Nota kumpulan kerja	hiperpautan css3
2005.12.15 - 2015.03.26	Modul Reka Letak Templat	Nota Kumpulan Kerja	css-template-3
2006.06.12 - 2014.05.13	Modul media penomboran Jana kandungan	Draf Kerja	css-gcpm-3
2008.08.01 - 2014.10.14	Modul Marquee	Nota Kumpulan Kerja	c marquee
2009.07.23 - 2020.12.17	Modul imej	🎜>Cadangan calon	css-images-3
2010.12.02 - 2019.12.10 Mod Penulisan	Disyorkan	mod-tulisan-css-3
Modul peraturan bersyarat	Cadangan calon
				css-align-3
2012.09.27 - 2020.12.18	Modul saiz lebar dan tinggi	Draf Kerja	saiz-css-3
2012.10.09 - 2017.12.14	Gaya Kaunter	Calon Calon
	>

modul warna css3

Kaedah perwakilan warna yang disokong oleh CSS3

diwakili oleh nama Inggeris bagi warna tersebut. Nama Inggeris mewakili warna, tetapi perwakilannya sangat terhad dan sukar untuk diingati dan ditanya.
diwakili oleh warna perenambelasan. Prinsip tiga warna utama warna dan cahaya boleh dilihat dalam jadual.
diwakili oleh rgb (r, g, b). Prinsip tiga warna utama cahaya, merah, hijau dan biru.
diwakili oleh hsl (Hue, Saturation, Lightness). Kecerahan Ketepuan Hue.
diwakili oleh rgba (r, g, b, a). Prinsip tiga warna utama cahaya, merah, hijau, biru dan ketelusan. a ∈ [0, 1], 0 mewakili ketelusan lengkap.
diwakili oleh hsla (Hue, Saturation, Lightness, alpha). Hue, ketepuan, kecerahan dan ketelusan. alpha ∈ [0, 1], 0 mewakili ketelusan lengkap.

Reka Letak Berbilang Lajur CSS3

Reka Letak Berbilang Lajur CSS Memanjangkan mod susun atur blok untuk memudahkan mentakrifkan teks berbilang lajur. Jika baris terlalu panjang, orang menghadapi masalah membaca teks; jika mata mengambil masa terlalu lama untuk bergerak dari hujung satu baris ke permulaan baris berikutnya, mereka kehilangan baris yang mereka gunakan. Oleh itu, untuk memanfaatkan sepenuhnya skrin besar, pengarang harus meletakkan lajur teks dengan lebar yang berbeza-beza bersebelahan, seperti surat khabar.

pertanyaan media css3

Dengan populariti pantas peranti mudah alih, pengguna tidak lagi hanya melayari kandungan Web melalui sistem komputer tradisional, semakin ramai pengguna mula Menggunakan telefon pintar , tablet atau peranti lain dalam pelbagai saiz untuk menyemak imbas kandungan web Untuk memastikan pengguna yang menggunakan peranti berbeza boleh mendapat pengalaman yang baik, pertanyaan media diperlukan.

Pertanyaan media ialah salah satu fungsi terpenting helaian gaya CSS Yang dipanggil pertanyaan media merujuk kepada membezakan pelbagai peranti (seperti komputer, telefon bimbit, tablet) berdasarkan jenis media yang berbeza (jenis peranti). dan syarat , peranti Braille, dsb.) dan tentukan gaya CSS yang berbeza untuk mereka masing-masing. Pertanyaan media membenarkan CSS bertindak dengan lebih tepat pada peranti berbeza atau keadaan berbeza pada peranti yang sama, supaya semua pengguna boleh mendapatkan pengalaman pengguna yang baik.

(Belajar perkongsian video:

/* 在小于或等于 992 像素的屏幕上，将背景色设置为蓝色 */
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}
/* 在 600 像素或更小的屏幕上，将背景色设置为橄榄色 */
@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}

tutorial video css

, bahagian hadapan web)

Atas ialah kandungan terperinci Apakah modul yang disertakan dengan css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!