最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 16:11:42
文档

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

CSS中*和body有什么区别_html/css_WEB-ITnose:CSS中*和body有什么区别:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器。body是一
推荐度:
导读CSS中*和body有什么区别_html/css_WEB-ITnose:CSS中*和body有什么区别:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器。body是一


CSS中*和body有什么区别:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
在介绍它们两个我们首先应该知道这两个符号在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和标题元素h1-h6等。使用以上代码可以很轻松的清除所有元素的外边距和内边距,但是也会带来问题。例如:

蚂蚁部落

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

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

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

文档

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

CSS中*和body有什么区别_html/css_WEB-ITnose:CSS中*和body有什么区别:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色。在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器。body是一
推荐度:
标签: html css body
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top