CSS中*和body有哪些区别-创新互联

这篇文章将为大家详细讲解有关CSS中*和body有哪些区别,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联是一家专业提供谯城企业网站建设,专注与成都网站设计、网站制作、成都h5网站建设、小程序制作等业务。10年已为谯城众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

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

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

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

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

*{margin:0;padding:0}

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






创新互联





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

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

关于CSS中*和body有哪些区别就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:CSS中*和body有哪些区别-创新互联
转载注明:http://scyanting.com/article/doiphj.html