Class与ID区别 margin和padding区别 CSS学习笔记_经验交流

由于现在百分之99.99%的CMS都是用div+css来构建网页模板的，被逼无奈，一大把年纪了还要学习CSS，说实话没觉得用div来布局比table好在什么地方！但迫于行势，先硬着头皮看吧，能学多少是多少。
根据数据与结构分离的原则，CSS最好要独立于网页文件，用

复制代码代码如下:

语句将CSS文件调入网页文件，不推荐直接在网页文件中写CSS代码。这么做的优点一是修改方便，二是对搜索引擎友好，那些搜索引擎爬虫爬起来也畅快。
margin和padding属性
margin和padding属性可简单理解为元素的外边距和内边距：margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left
Class与ID区别
简单来说一个ID名在一个页面中只能出现一次而CLASS可以出现多次，当然如果一个ID名在一个页面中出现了两次，对面页的外观不过造成什么影响，只是不符合W3规范。单一的元素，或需要程序、JS控制的东西，需要用id定义；重复使用的元素，用class定义。

时间： 2024-11-21 01:16:40

Class与ID区别 margin和padding区别 CSS学习笔记_经验交流的相关文章

各浏览器padding、margin的差异_经验交流

margin和padding总是有可能要用到,而产生的问题如何解决呢?由于浏览器解释容器宽度的方法不同:IE 6.0 Firefox Opera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin 解决的方法是: div.content { width:400px; //这个是错误的width,所有浏览器都读到了voice-family: "\"}\""; //IE5.X/wi

CSS学习笔记：id与class、padding和margin、min-height和height

核心提示:首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id和class到底要用哪一个? 首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id的优点(class的缺点):id写在css用"#"选择器,class写在css中用"."选择器."#"选择器的优先级高于"."选择器大约10倍,所以当你需要提升优先级的时候,id标签,或者id容器内的标签将是很容易和有

浅谈html中id和name的区别实例代码_经验交流

我们可以通过一段代码来分析一下其中的微妙差别: <form method="post" action="" name="demoform"> <input type="text" name="oDemo" id="oDemo2" value="DEMO" /> </form> 在IE浏览器里,我们可以通过多少方法来索引到这个文本框对

大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流

你可以用类选择符class和标识选择符id来定义自己的选择符. 这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素. 在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前. 看起来像这样: #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; } HTML与CSS的连接用属性id和class.像这样: <div id=&quo

div+css中Class与ID的区别_经验交流

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的.打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类.因此你可以在一个页面上使用class="Frodo" ,class="Gandalf",class="Aragorn"来区分不同的故事线.还有一点非常重要的是你可以在一个文档中使用任意次数的Class. 至于ID,通常用于定义页面上一个仅出现一次的标

IE6，IE7和firefox对DIV的支持区别_经验交流

1 针对firefox ie6 ie7的css样式现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用"*+html",现在用IE7浏览一下,应该没有问题了. 现在写一个CSS可以这样: #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html

BUTTON和INPUT的区别_经验交流

一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之

dhtml shtml xhtml的区别解析_经验交流

dhtml: 确切地说,DHTML只是一种制作网页的概念,实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的.DHTML不是一种技术.标准或规范,DHTML只是一种将目前已有的网页技术.语言标准整和运用,制作出能在下载后仍然能实时变换页面元素效果的网页的设计概念. DHTML大致包含以下网页技术.标准或规范: HTML 4.0 没什么好说的,网页的基础语言标准. CSSL 注意!不是CSS,是CSSL,它是Clent-Side Scripting Language的缩

css import与link的区别_经验交流

看到一些网站的页中大部分是这样写的 <style type="text/css" media="screen"> @import url("http://www.jb51.net/home/css/global/v2.0.css?t=20070518.css"); </style> 而很多网站使用的都是link <link rel="stylesheet" rev="stylesheet