《html+css总结》由会员分享，可在线阅读，更多相关《html+css总结（8页珍藏版）》请在金锄头文库上搜索。
1、HTML 总结Html（HyperText Mark-up Language）即超文本标记语言或超文本链接标 示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图 形、动画、声音、表格、链接等。HTML 的结构包括头部（Head） 、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的 具体内容。设计 HTML 语言的目的是为了能把存放在一台 电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电
2、脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet 就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。另外，HTML 是网络的通用语言 ,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面！超级链接的 target 属性target 的取值有_blank 、_self、_parent、_top ，其中_parent 和_top 适合于超级链接位于框架页面的帧中。target 属性值也可以取不同帧的
3、name 值。1._blank代表新打开窗口显示链接页面。2._self代表链接页面覆盖原来的页面。3._parent代表链接页面只覆盖帧所属的框架页面。4._top代表链接页面覆盖整个浏览器窗口。CSS 总结div 元素默认情况下，一行只能容纳一个 div 标签。无论宽度多小，一行始终只有一个 div 标签。margin-left 属性和 margin-right 属性分别设置 div 的左右边距，当设置 div 左外边距和右外边距的值为 auto 时，左外边距和右外边距将相等。margin:0px auto; 0px 和 auto 之间是空格，而不是逗号。float 属性float 属性也
4、称为浮动属性，可以使多个块状元素并列于一行。对前面的 div 元素设置浮动属性后，当前面的 div 元素留有足够的空白宽度时，后面的 div 元素将自动浮上来，和前面的 div 元素并列于一行。float 属性的值有 left、right、none 和 inherit。注：使 2 个 div 并列于一行的前提是：这一行有足够的宽度容纳 2 个 div 宽度。clear 属性clear 属性的值有 none、left、 right 和 both，默认值是 none。当多个块状元素由于第一个设置浮动属性而并列时，如果某个元素不需要被“流”上去，即可设置相应的 clear 属性。line_heigh
5、t 属性表示行间距，line_height 大于或等于 div 高度时，文本上下居中对齐。border 属性设置边框样式，边框属性值有 3 种：边框尺寸（像素） 、边框类型和边框颜色（16 进制） 。border:20px solid #333;表示边框尺寸是 20px，边框类型是 solid 类型，边框颜色是#333；border:10px groove #ff0; /所有边框的属性border-left:10px groove #ade; /左边框border-right:10px solid #450; /右边框border-bottom:10px dashed #f00; /下边框bo
6、rder-top:10px dotted #ff0; /上边框margin 属性用来设置外边距。设置外边距后在元素的周围会产生空白区域。margin 属性也有 margin-left、 margin-right、margin-top 和 margin-bottom 属性，分别用来设置左、右、上和下外边距。设置 div 水平居中：margin:0px auto;padding 属性用于设置内边距，类似于 html 中表格单元格的填充属性，即盒子边框和内容之间的距离。padding 属性也有 padding-left、padding-right、padding-top 和 padding-bott
7、om 属性，分别用来设置边界与内容区之间左、右、上和下的空白宽度。postion 属性用于设置容器的定位。postion 属性有 4 个值，分别是：static 、absolute 、fixed 、relative。（1）absolute 用于容器的绝对定位，使用绝对定位的容器浮于其它容器之上。定位的方法是在 CSS 中设置容器的 top、bottom、left 和 right 值，这 4 个值得参照对象是浏览器的 4条边。同一位置只会显示最上面的容器，CSS 绝对定位容器的 z-index 属性的值越大，容器越靠上。（2）Fixed 用于容器的固定定位，固定定位和绝对定位非常类似，不过被定位
8、的容器不会随着滚动条的拖动而变化位置。不过 IE6.0 版本的浏览器不支持 fixed 值得 postion 属性，网上类似的效果都是采用 javascript 脚本编程完成的。（3）reletive 用于设置容器的相对定位，相对定位也是独立出来浮在上面，不过相对定位的容器的 top、bottom、left 、right 属性参照的对象是其父容器的 4 条边，而不是浏览器窗口。background-color 属性用于设置背景色。background-image 属性设置背景图片，编写格式为：background-image:url(“图片路径”); 控制背景平铺的属性为background-
9、repeat，其值有 repeat（默认，平铺背景图片） 、no-repeat（不平铺，只是显示一张图片） 、repeat-x（水平方向平铺） 、repeat-y（垂直方向平铺） 。当背景图片设置为不平铺时，可以使用 background-position 定位背景图片的位置。有 2 种编写方法：第一种方法：Background-postion:左右位置 上下位置; 左右位置取值为 left、right 和 center，上下位置取值为 top、bottom 和 center。希望上下左右都居中时只需要设置 background-postion 属性值为 center 即可。如：backgro
10、und-postion:right top;第二种方法：Background-postion:左边距 顶边距; 左边距和顶边距可以用像素单位或百分比单位。如：background-postion:15px 20px;或 background-postion:10% 90%background-attachment 属性background-attachment:fixed;用来定位背景图片，常用于页面主体背景。background 属性用于背景属性缩写设置。其值由多个背景控制的属性值组合而成，编写方法为：background:背景色 背景图片路径 背景平铺方式 背景是否固定 背景定位;如：ba
11、ckground:#ff0 url(“bg.gif”) repeat-x center;a 属性a:hover 表示当鼠标悬停在超链接上时，a:active 表示鼠标点击超链接，a:visited 表示鼠标点击超链接之后。a:hover .tips表示当鼠标悬停在超链接上时此样式才有效。display:none;表示内容不显示。display:block;表示内容以块状显示。text-decoration:none表示去除了超链接默认的下划线。List-style如：list-style：circle inside；用于设置列表的样式。若使用图片做项目列表符号，不推荐使用 list-style
12、 属性，而是使用背景样式，使用前需要设置列表元素的 list-style 属性为 none，即禁用列表默认项目符号。Text-indent 属性设置元素内含文本缩进的值。如 text-indent 属性设置。em 单位font-size 常用到 em 做单位，font-size=1.2em 表示此文字大小是其它文字的 1.2 倍。Font 属性Font-family 属性用于设置所用字体，font-variant 属性用于设置英文字母，使小写转换成大写，并且高度不变。Text-transform 属性可统一设置内含英文文本的大小写。设置小型大写字母：font-variant：small-cap
13、s;设置英文为开头字母大写：text-transform：capitalize ；设置为大写字母：text-transform：uppercase；设置为小写字母：text-transform：lowercase；Letter-spacing 属性用以设置英文及中文文字间的间距。Word-spacing 属性用于设置英文单词间的间距，对中文段落无效。Layout-flow 属性取值为 horizontal 即为横向排版，取值为 vertical-ideographic 即为纵向排版。图片裁切方法（1） 使用图片父容器的 over-flow 属性，over-flow ：hidden；可裁切容器的
14、内容。（2） 可通过边距属性 margin 取负值来实现。Filter 属性CSS 滤镜属性的选择符，需配合相应的滤镜名称及参数才能生效。不同版本的 IE 浏览器兼容问题的解决办法使用条件注释方法，条件注释是 IE5.0 到 IE7.0 浏览器的专有功能，其条件注释编写于XHTML 结构代码中，编写方法为：其中内容只有满足条件的浏览器能解析IE 和 Filrefox 之间兼容问题解决办法（1） 属性选择符（2） 子对象选择符（3） 符号修饰选择符JavaScript 总结JavaScript 与 Java 的区别体现在：首先，它们是两个公司开发的不同的两个产品，Java 是 SUN 公司推出的
15、新一代面向对象的程序设计语言，特别适合于 Internet 应用程序开发；而 JavaScript 是 Netscape 公司的产品，其目的是为了扩展Netscape Navigator 功能而开发的一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言。其次，JavaScript 是基于对象的，而 Java 是面向对象的，即 Java 是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript 是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。第三，两种语
16、言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript 是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。第四，两种语言所采取的变量是不一样的。Java 采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript 中变量声明，采用其弱类型 。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。第五，代码格式不一样。Java 是一种与 HTML 无关的格式，必须通过像 HTML 中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一种文本字符格式，可以直接嵌入 HTML 文档中，并且可动态装载。 编写 HTML 文档就像编辑文本文件一样方便。第六，嵌入方式不一样。在 HTML 文档中，两种编程语言的标识不同，
