Rumah hujung hadapan web tutorial css css入门:css语法规则由什么组成?

css入门:css语法规则由什么组成?

Nov 06, 2018 pm 01:57 PM
gubahan peraturan

很多刚刚css入门的时候,不是很明白css语法规则,也不知道css语法规则由什么组成,下面我们就来讲解一下css语法规则由什么组成?

timg.jpg

css主要还是由两个部分组成,第一是选择器,第二就是声明,声明可能是一条也可能是很多条,css选择器也就是我们改变样式的html,每条声明都是由一个属性和一个值组成。css主要的语法为:

selector {declaration1; declaration2; ... declarationN }
Salin selepas log masuk

下面我们可以通过一个案例来说明css的规则:

h1 {color:red; font-size:16px;}
Salin selepas log masuk

以上代码中,其中h1就是表示选择器,花括号里面的声明就是属性和值,其中color就是css的属性,red是表示值,其中值的的写法有几种,我们知道红色的写法有几种,也可以利用十六进制#ff0000去表示,当然我们想要使用更少的字节,也可以使用css缩写表示,有的时候我们也可以使用rgb百分比,使用百分比的时候,我们要写百分比符号。

css最重要的一点就是多重声明,如果想要定义几种声明的话,我们可以使用声明的符号去分开,最后一个属性是不需要添加分号的,分号在英语中是一个分隔符号,并不是一种结束符号,但是很多有经验的人都喜欢加上分割符号,这样的做可能会减少我们出错的几率。例如:

p {
  text-align: center;
  color: black;
  font-family: arial;
}
Salin selepas log masuk

最后我们一定要注意,空格和大小写,很多样式都是不止一条声明,所以千万不要出现空格,如果css涉及和html一起工作的话,css的中的class是很敏感。

以上就是对css入门:css语法规则由什么组成的全部介绍,如果你想了解更多有关CSS教程CSS3教程,请关注php中文网。


Atas ialah kandungan terperinci css入门:css语法规则由什么组成?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Peraturan dan pengecualian untuk perbandingan penunjuk? Peraturan dan pengecualian untuk perbandingan penunjuk? Jun 04, 2024 pm 06:01 PM

Dalam C/C++, peraturan perbandingan penunjuk adalah seperti berikut: penunjuk yang menunjuk ke objek yang sama adalah sama. Penunjuk kepada objek yang berbeza tidak sama. Pengecualian: Penunjuk kepada alamat nol adalah sama.

Menamakan konvensyen dan peraturan untuk fungsi PHP Menamakan konvensyen dan peraturan untuk fungsi PHP May 19, 2023 am 08:14 AM

Sebagai bahasa skrip yang sangat popular, PHP mempunyai sokongan pustaka fungsi yang berkuasa, konvensyen dan peraturan penamaan fungsinya mempunyai kesan penting pada kecekapan pembangunan dan kebolehbacaan kod. Artikel ini akan memperkenalkan konvensyen penamaan dan peraturan fungsi PHP. 1. Gaya penamaan Dalam PHP, nama fungsi perlu mematuhi spesifikasi dan peraturan penamaan Spesifikasi terutamanya merangkumi dua aspek: gaya penamaan dan peraturan penamaan. 1. Garis bawah tatanama Garis bawah tatanama ialah cara yang paling biasa digunakan untuk menamakan fungsi PHP dan juga merupakan cara yang disyorkan secara rasmi. Nama fungsi yang mengikut corak ini

Penerokaan mendalam tentang definisi dan spesifikasi pengecam Python Penerokaan mendalam tentang definisi dan spesifikasi pengecam Python Dec 29, 2023 am 08:34 AM

Pemahaman mendalam tentang definisi dan peraturan pengecam Python memerlukan contoh kod khusus Python ialah bahasa pengaturcaraan yang ringkas dan berkuasa dengan pelbagai aplikasi. Dalam pengaturcaraan Python, pengecam memainkan peranan penting. Artikel ini akan menyelidiki takrifan dan peraturan pengecam Python dan memberikan contoh kod khusus untuk membantu pembaca memahami dan menerapkannya dengan lebih baik. Pertama, mari kita fahami definisi pengecam Python. Dalam Python, pengecam boleh menjadi nama pembolehubah, fungsi, kelas, modul, dll.

Penerangan terperinci firewall-iptables Linux Penerangan terperinci firewall-iptables Linux Feb 20, 2024 am 11:57 AM

Pengenalan projek iptables ialah perisian tembok api penapisan paket percuma di bawah sistem Linux, yang boleh merealisasikan fungsi seperti penapisan paket, pengalihan semula paket dan terjemahan alamat rangkaian. Ia adalah penyelesaian yang cekap dan fleksibel yang menggantikan tembok api komersial yang mahal. iptables mempunyai pilihan konfigurasi dan tetapan peraturan yang berkuasa, membolehkan pengguna mengawal trafik rangkaian dengan teliti mengikut keperluan mereka sendiri dan meningkatkan keselamatan dan prestasi rangkaian. Peraturan iptables sebenarnya merujuk kepada syarat yang telah ditetapkan oleh pentadbir rangkaian Peraturan secara amnya ditakrifkan sebagai "Jika pengepala paket data memenuhi syarat sedemikian, proses paket data dengan cara ini." Peraturan disimpan dalam jadual penapisan paket dalam ruang kernel Peraturan ini masing-masing menentukan alamat sumber, alamat destinasi, protokol penghantaran (seperti TCP, U

Menganalisis komponen proses Linux Menganalisis komponen proses Linux Mar 21, 2024 am 10:12 AM

Contoh komponen dan kod proses Linux Dalam sistem Linux, proses merupakan salah satu konsep terpenting dalam sistem pengendalian. Memahami komponen proses adalah penting untuk pemahaman yang mendalam tentang cara sistem pengendalian berfungsi. Artikel ini akan memperkenalkan komponen proses Linux, termasuk blok kawalan proses (PCB), pengecam proses (PID), status proses, ruang alamat proses, dll., dan menyediakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik. Blok Kawalan Proses (PCB) Blok kawalan proses digunakan dalam kernel sistem pengendalian untuk mengekalkan maklumat proses.

Penjelasan terperinci tentang kaedah perwakilan dan peraturan pemalar aksara dalam pelbagai bahasa pengaturcaraan Penjelasan terperinci tentang kaedah perwakilan dan peraturan pemalar aksara dalam pelbagai bahasa pengaturcaraan Dec 27, 2023 am 11:56 AM

Bagaimanakah pemalar aksara diwakili dalam bahasa pengaturcaraan yang berbeza? Pengenalan: Dalam proses pengaturcaraan, pemalar aksara ialah nilai tidak berubah yang mewakili satu aksara. Bahasa pengaturcaraan yang berbeza mempunyai cara yang berbeza untuk mewakili pemalar aksara. Artikel ini akan memperkenalkan beberapa cara biasa untuk mewakili pemalar aksara dalam bahasa pengaturcaraan dan memberikan contoh kod tertentu. 1. Bahasa C mewakili pemalar aksara: Dalam bahasa C, pemalar aksara diwakili oleh petikan tunggal ('). Berikut ialah beberapa contoh: Mewakili watak: chach='a'; Mewakili watak melarikan diri: cha

Teori Kontrak AI ⑤: AI Generatif berlumba dengan beribu-ribu layar, cara menggunakan peraturan untuk 'mengemudi' Teori Kontrak AI ⑤: AI Generatif berlumba dengan beribu-ribu layar, cara menggunakan peraturan untuk 'mengemudi' Jun 02, 2023 pm 08:21 PM

Wartawan 21st Century Business Herald Cai Shuyue, Guo Meiting, pelatih Tan Yanwen, Mai Zihao, melaporkan dari Shanghai dan Guangzhou Nota editor: Dalam beberapa bulan lalu 2023, syarikat-syarikat besar telah bergegas untuk merebut model besar, meneroka pengkomersilan GPT, dan infrastruktur pengkomputeran telah menaik... Sama seperti 15 In the Age of Discovery yang dibuka pada abad ke-20, pertukaran manusia, perdagangan dan kekayaan mengalami pertumbuhan yang pesat, dan revolusi angkasa lepas melanda dunia. Pada masa yang sama, perubahan juga membawa cabaran kepada perintah, seperti kebocoran data, risiko privasi peribadi, pelanggaran hak cipta dan maklumat palsu... Selain itu, krisis pasca-kemanusiaan yang dibawa oleh AI sudah pun dibincangkan Adakah anda menghadapi mitos yang disebabkan oleh campuran manusia dan mesin? Pada masa ini, mencari konsensus mengenai tadbir urus AI dan membentuk semula susunan baharu telah menjadi isu yang dihadapi oleh semua negara. Institut Penyelidikan Teknologi Pematuhan Nancai akan melancarkan AI

Penjelasan terperinci tentang peraturan airdrop ZKSync: Bagaimanakah token ZK diedarkan? Siapa yang layak? Penjelasan terperinci tentang peraturan airdrop ZKSync: Bagaimanakah token ZK diedarkan? Siapa yang layak? Jun 14, 2024 pm 10:13 PM

Penjelasan terperinci tentang peraturan airdrop ZKSync: Bagaimanakah token ZK diedarkan? Siapa yang layak? Pelan pengedaran titisan udara ZKsync yang dinanti-nantikan telah dimuktamadkan. Persatuan ZKsync akan menjalankan satu kali airdrop sebanyak 3.6 bilion token ZK kepada pengguna awal dan pengguna ZKsync minggu depan, dengan 695,232 dompet yang layak. Gambar adalah pada 24 Mac dan ahli komuniti boleh menyemak kelayakan airdrop di tapak web Claim.zknation.io dan menuntut airdrop mulai minggu depan hingga 3 Januari 2025. Airdrop ini mewakili 17.5% daripada jumlah bekalan token ZK. Pengguna akan dapat menuntut token mereka mulai minggu depan hingga 3 Januari 2025. Penyumbang boleh menuntutnya bermula dari 24 Jun. Siapa yang layak untuk

See all articles