CSS中*和body有什么区别_html/css_WEB-ITnose-HTML Tutorial-php.cn

CSS中*和body有什么区别_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:37:21

Original

964 people have browsed it

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

body{font-size:12px;}*{font-szie:12px;}

Copy after login

以上两个代码的作用是完全一样的，因为font-size是居右继承性的。但是大家还是要明白它们的原理是不一样的，*选择器确实是选择了每一个元素并且把它们的字体大小设置为12px，body则是通过继承将字体设置为12px的。
建议:
在很多CSS页面的开头都有这么一句代码:

*{  margin:0;  padding:0}

Copy after login

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

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">*{  margin:0px;  padding:0px;}input{height:40px;}</style></head><body><input type="text" name="mytest" /></body></html>

Copy after login

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

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

Copy after login

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4758

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

CSS中*和body有什么区别_html/css_WEB-ITnose