《
CSS中Class与ID的区别，Margin与Padding的区别》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332532013.htm
2. Margin与Padding的区别
--> [
网站建设之]CSS中Class与ID的区别,
CSS两种方法实现隔行换色，Margin与Padding的区别
Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大局部浏览器中重复使用同一个ID不会出现问题，但在标准上这相对是过错的使用，而且很可能导致某些浏览器的事实问题。
padding的取值有：padding-top, padding-right, padding-bottom, padding-left
顶边距为10px，左边距和右边距是父元素宽度的2%，底边距是-10px：
这两个区别都是比较轻易混杂的问题，尤其是Class与ID，信任良多人并不细心懂得过之中区别。以下是我的一些懂得：
简写法（举例）：
顶边距和底边距为10px，左边距和右边距是父元素宽度的2%：
h1 {margin: 10px}
margin和padding用来隔开元素，margin是隔开元素与外边,CSS下拉菜单的制作，padding是隔开元素里边。说白了，一个是内部的距离,CSS三层布局模型，一个是外部的距离；padding：内边距；margin：外边距。
两者都是取代表格最主要的作用->宰割块的好方式，差别在于Margin是不同的Tag间相互隔离的间隔而Padding是统一元素中不同内容分割应用，这在表格中最看得明白。尤其是当对一个区域加载了背景款式之后，Padding下的内容背风景会产生转变，而Margin则不会有所改变。
h1 {margin: 10px 2%}
在实际利用的时候，Class可能对文字的排版等比较有用,CssGaga教程 css合并与CSS优化，而ID则对宏观布局和设计放置各种元素较有用。
顶边距为10px，右边距是父元素宽度的2%，底边距是-10px，而左边距由阅读器设置：
至于ID，通常用于定义页面上一个仅呈现一次的标志。在对页面排版进行构造化布局时（比方说通常一个页面都是由一个页眉，一个报头，一个内容区域跟一个页脚等组成），个别使用ID比较幻想，由于一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会涌现大于一次的情形。
h1 {margin: 10px 2% -10px auto}
1. Class与ID的区别
h1 {margin: 10px 2% -10px}
演绎成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部门浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是毛病的使用，而且很可能导致某些浏览器的现实问题。（方才在Dreamweaver中试了一下，确切，并没有犯错）
,CSS3：background-image可使用多背景图;
Tag：区别 区别
一个Class是用来依据用户定义的尺度对一个或多个元素进行定义的,CSS3网页实例 美化网页下拉列表。打个比拟适当的比喻就是剧本：一个Class能够定义剧本中每个人物的故事线，你可以通过CSS,CSS3网页制作教程 Action hovert，Javascript等来使用这个类。因而你可以在一个页面上使用class="Frodo" ，class="Gandalf"，class=",CSS3网页制作实例 CSS3网页页面效果;Aragorn"来辨别不同的故事线,CSS3网页制作实例 content属性的综合用法。还有一点十分重要的是你可以在一个文档中使用任意次数的Class。
四个边距均为10px：
margin的取值有：margin-top,CSS3简单实例分析学习, margin-right, margin-bottom, margin-left
(责任编辑：网站建设)
CSS中Class与ID的区别，Margin与Padding的区别相关文章