简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

CSS中*和body有什么区别?最全详解

云罗郡主
Lepaskan： 2018-10-27 11:28:20
ke hadapan
5528 orang telah melayarinya

本篇文章给大家带来的内容是关于CSS中*和body有什么区别?最全详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

微信截图_20181027112602.png

在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器，它可以选择文档中所有的元素，也就是说是一个通杀选择器。body是一个普通的类型选择器，只能够选中body这么一个元素。而之所大家会感觉到*和body选择器有时候作用是相同的，主要是因为body是绝大多数布局元素的父元素，如果元素的CSS属性居有继承性的话，那么两者的效果确实一样。例如：

body{font-size:12px;}
*{font-szie:12px;}
Salin selepas log masuk

以上两个代码的作用是完全一样的，因为font-size属性是居右继承性的。但是大家还是要明白它们的原理是不一样的，*选择器确实是选择了每一个元素并且把它们的字体大小设置为12px，body则是通过继承将字体设置为12px的。

在很多CSS页面的开头都有这么一句代码：

*{margin:0;padding:0}
Salin selepas log masuk

因为很多元素都有默认的内边距或者外边距，例如body、ul、p和标题元素h1-h6等。使用以上代码可以很轻松的清除所有元素的外边距margin和内边距padding，但是也会带来问题。例如：

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.lvyestudy.com/" />
<title>php中文网</title>
<style type="text/css">
*{margin:0px;padding:0px;}
input{height:40px;}
</style>
</head>
<body>
<input type="text" name="mytest" />
</body>
</html>
Salin selepas log masuk

以上代码可能会造成在一些浏览器中文本框输入的文字显示在左上角，并不是所以浏览器都这样。建议还是使用以下方式来统一定义样式：

body,ul,h1,h2,h3,h4,h5,h6,form,dl,p{
样式代码
}
Salin selepas log masuk

以上就是对CSS中*和body有什么区别?最全详解的全部介绍，希望大家可以有所收获，更多CSS视频教程请关注PHP中文网。

Atas ialah kandungan terperinci CSS中*和body有什么区别?最全详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
CSS中*和body区别
sumber：lvyestudy.com
Artikel sebelumnya：css下划线如何设置？css设置文字下划线的方法介绍 Artikel seterusnya：css下划线与文字之间的距离如何设置？
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
Artikel terbaru oleh pengarang
Isu terkini
Mengapa teg jam saya lut sinar apabila ia ditetapkan kepada warna putih pepejal? Saya mempunyai html (dengan bootstrap) dan css, dalam html saya, saya mempunyai tag <hr...
daripada 2024-04-06 16:13:26
0
1
500
Simbol item senarai (<ul> dan <ol>) dalam nod akar tidak boleh dipaparkan dan dialih keluar dalam CSS, dan masalah limpahan-x: tersembunyi tidak boleh dialih keluar. Saya sedang mengerjakan halaman web dan saya menghadapi masalah dengan item senarai saya. ...
daripada 2024-04-04 16:38:22
0
1
3617
Kod navbar tetap tidak begitu baik, ia menyebabkan masalah dengan pautan rosak, saya tidak tahu mengapa Saya tidak begitu pasti bagaimana untuk menerangkan masalah ini, tetapi pada asasnya, navb...
daripada 2024-04-04 09:09:20
0
1
333
WooCommerce Checkout - Sahkan peranan pengguna dan kandungan troli Saya menghadapi cabaran dengan proses pembayaran WooCommerce. Saya menggunakan pemalam &qu...
daripada 2024-04-03 11:58:52
0
1
475
Cara mencari tajuk dan menggunakan lajur lain untuk menyemak keunikan Saya mempunyai beberapa data produk yang dikikis dalam pangkalan data dan saya mahu menggu...
daripada 2024-04-02 21:49:55
0
1
375
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！