[Web编程技术-编程基础2.pptVIP

Web编程基础 HTTP协议 HTML语言 CSS JavaScript语言 DHTML CSS CSS的基本概念 CSS的定义与使用 CSS是英文Cascading Style Sheet的缩写，常称为“级联样式表”或“层叠样式表”，用来控制网页元素外观的属性。 HTML规定了浏览器中网页元素的显示格式，但是HTML给元素定位的能力差，只能利用表格进行粗略定位等。 设置页面中的字体属性 定义层及在页面中的位置 修改HTML标记 1 CSS基本概念 CSS使得HTML的文本内容与显示风格分离，从而增强了HTML文本的可重用性。 如果多种CSS的定义之间出现矛盾时，处理原则是：定义的范围越小时，它的优先级越高。 CSS提供的属性能用脚本语言控制。 CSS定义的格式如下： 元素(标记) {属性名称1: 设定值1;属性名称2: 设定值2;... } 或者 元素A(标记A), 元素B(标记B), 元素C(标记C), ... { 属性名称1: 设定值1; 属性名称2: 设定值2; } 例如： TD { COLOR: BLUE; font-size: 9pt; } body {color: black} 或者 TD,P,DIV { COLOR: BLUE; font-size: 9pt;  } 表示对标签TD,P,DIV分别使用该样式。 2 CSS的定义与使用 把相同的元素分类定义不同的样式 定义： p.red { color: Red } p.blue { color: Blue } 使用 p class=redRED/p p class=blueBLUE/p 选择器： 不希望整个网站中同样的标签都使用相同的样式，可以使用选择器。 选择器 {样式定义;} 选择器：表示样式要套用的对象； 样式定义：包含了多个属性：值的定义 1）上下文选择器 例如： TD,P,DIV { COLOR: BLUE; font-size: 9pt;  } 表示对标签TD,P,DIV分别使用该样式。 （2）类选择器 在不同的标签上套用相同的样式。定义语法如下： .类名称{规则1；规则2；……} 如： .text1{font-size:12px;color:blue} 在HTML中使用类选择器： 如： table border=“0” class=“text1” p class=“text1”该段落也使用类选择器/p （3）ID选择器 用来区别套用的样式，定义格式如下： #ID标识符 {规则1；规则2；……} 如： 1．链接到外部样式表 用于多个HTML文件共享一个CSS文件, CSS文件是一个以“.css”作为扩展名的文件，该文件中包括一组对显示属性的定义。 将定义好的CSS文件在HTML文件的头部用link标记链接即可。如， headtitle外部链接CSS文件/title link rel=stylesheet type=“text/css” href=“styl1.css” media=screen/head 2．在HTML页面中嵌入样式表 利用style将样式表嵌入到HTML文件头部head和/head之间。如， style P{color:black;background-color:yellow;font-size:12} /style 3．内联样式 直接在HTML标记中使用样式定义，方式是给style属性赋值。如， h1 style=“font-family:’隶书’,’宋体’;color=#ff0000”内联样式示例！/h1 p style=“color:blue;background-color:yellow”我的样式，我做主！/p Web编程基础 HTTP协议 HTML语言 CSS JavaScript语言 DHTML JavaScript语言 JavaScript语言概述 JavaScript编程基础 1 JavaScript语言概述 JavaScript是由NetScape公司开发的一种解释型语言，作为一种脚本语言可以直接嵌入到HTML页面中。 用来解决用户和浏览器之间的交互问题。 JavaScript既可在浏览器又可在服务器端解释执行。 JavaScript是一种基于对象和事件驱动(Event Driver)的跨平台的脚本语言. 现在ASP.NET 2.0已经将它改造成JavaScript.NET，成为完全面向对象的语言。但是为了能够在各种浏览器中通用，JavaScript .NET与原来的JavaScript完全兼容。 1 JavaScript语言概述 简单性。类似Java，比Java简单，弱类型。