> 웹 프론트엔드 > HTML 튜토리얼 > CSS中*和body有什么区别_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:37:21
원래의
1014명이 탐색했습니다.

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等。使用以上代码可以很轻松的清除所有元素的外边距和内边距,但是也会带来问题。例如:

<!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>
로그인 후 복사

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

body,ul,h1,h2,h3,h4,h5,h6,form,dl,p{  样式代码}
로그인 후 복사

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿