(div知识点整理.docVIP

一：XHTML和css入门 1：什么是html? html有哪些特性？ 定义：超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。 2：html特性：超文本和普适性。 3：全球主流浏览器 IE（微软，凭借着绑定在windows中，成为浏览器中的霸主）、 Firefox（Mozilla 谋智） Opera （挪威浏览器开发商Opera（欧朋）开发，有安卓版） Chrome（谷歌） Safari（苹果公司） 4：xhtml规范 （1）、使用小写字母写所有的标签和属性； （2）、给所有属性值加双引号，且属性与属性之间要有空格； （3）、所有的属性都需要值，属性和属性值相同的必须写全，不能只写属性。input checked=“checked” /； （4）、关闭所有标签，单标签加空格和斜杠，双标签必须有结束标签； （5）、不要在注释中使用----； （6）、将所有的特殊符号用字符实体表示。如空格用nbsp表示； （7）、强制使用的xhtml元素。必须进行文档说明，必须存在html head body 元素，title元素必须位于在head元素中。 5：Doctype文档声明 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml 声明意义：文档类型的声明，告诉浏览器，使用哪种规范来解释这个文档中的代码。 三种声明基本类型： 严格型：strict 对应html4.01，不兼容已经废弃的标记和属性。 过渡型：transitional 对应html1.0 ,兼容以前版本定义的。 框架型：frameset 用于框架。 overflow:溢出：hidden/auto/scroll 6：css概念 Css(Cascading Style Sheet)被译为层叠样式表或级联样式表，是用于控制网页样式并允许将样式内容与网页内容分离的一种标记性语言。 附加解释： 1)Css是用于布局和美化网页的 2)是一种标记性语言，因此不需要编译，可以直接由浏览器执行 3)Css文件是一个文本文件，它包含了一些css标记，必须以css为后缀名 4)对大小写不敏感 5)由w3c的css工作组产生和维护的 7：网页制作三剑客目前分工如下： 　　 DREAMWEAVER（网页制作） 　　 FLASH（动画制作） 　　 FIREWORKS（矢量图形制作和图像处理） 8：总结div+css的优势 1）、表现和内容相分离 2）、提高搜索引擎对网页的索引效率 3）、代码简洁，提高页面浏览速度 4）、易于维护和改版 9：css控制页面的方式 1)行内样式：即在标记的style属性中设定css样式。 代码为：h1 style=color:#f00; font-size:30px;孟浩然《春晓》/h1 2)内部样式（嵌入式）：则将页面中各种元素的设置集中写在head和/head之间 3）外部样式（导入式与链接式） （结构：xhtml）（表现：css）（行为：JavaScript） 二：css选择器 1：导入式和链接式的目的都是将一个独立的css文件引入html文件，二者的区别不大。 1)区别一：语法不同，链接式使用html的标记引入外部css文件，导入式则是使用css的规则引入外部css文件。 2)区别二：显示效果不同，使用链接式，会在装载页面主体部分之前装载css文件，这样显示出来的网页从一开始就是带有样式效果的，而使 用导入式时，会在整个页面装载完成后再装载css文件，对于有的浏览器来说，在一些情况下，如果网页文件的体积比较大，则会出现先显示 无样式的页面，闪烁一下之后再出现设置样式后的效果。从浏览者的感受来说，这是使用导入式的一个缺陷。 3)区别三：如果仅需要引入一个css文件，则使用链接式；如果需要引入多个css文件，则首先用链接方式引入一个“目录”css文件，这个“ 目录”css文件中再使用导入式引入其他css文件。点击查看效果 区别四：如果希望通过js来动态决定引入哪个css文件，则必须使用链接式。如网页换肤效果。 区别：1：老祖宗的差别。 2:加载顺序的差别。 3：兼容性差别 4：使用dom控制样式时的差别 2、Id与class的区别 id不能同时在两个标记中使用，也可以理解为id选择器只能在html页面中使用一次，其针对性更强。而且id不仅仅适用于css代码，同样适用于在js中。如