客户端开发技术.ppt

CSS基本语法 CSS 规则 由两个主要的部分构成：选择器，以及一条或多条声明。 selector {declaration1; declaration2; ... declarationN } CSS基本语法 层叠次序 样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。 1浏览器缺省设置 2外部样式表 LINK href=”sample.css” rel=”stylesheet” type=”text/css” 3内部样式表（位于 head 标签内部） 4内嵌样式（在 HTML 元素内部） CSS基本语法 几种常用控制方法 P { font-size:9px; } P.classname1 {font-size:12px; } P#New {font-size:18px; } .First {color :red;} #Second {font-size:18px; } p ID=“Second” Class=“First”Sample!/p CSS基本语法 ID 与 CLASS 区别 1、在CSS文件里书写时，ID加前缀#；CLASS用. 2、id一个页面只可以使用一次；class可以多次引用。 3、ID是一个标签的标识，用于区分不同的结构和内容 4、id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。 常见属性 字体属性 font-size:9px; 1) xx-small | x-small | small | medium | large | x-large | xx-large 2) 9px; 9pt; font-family:宋体, Times New Roman; 颜色属性 Color:red; Color:#FF0000; Background-color:white; 常见属性 文本属性 Text-align: left; left | right | center | justify Vertical-align: top; top | bottom | middle | baseline 行高属性 Line-height:9px; 120% 空白 margin-top: margin-bottom CSS基本语法 典型应用举例 a:link {color: rgb(0,0,102); text-decoration: none;} a:visited { color: #FF00FB; } a:active { color: rgb(153,0,255); } a:hover { color: red; } HTML/CSS的注意事项 各类标记一定要成对出现 CSS的作用范围一定要清晰 注意ID与Class的作用 JavaScript简介 JavaScript是客户端脚本语言， avaScript是在用户的浏览器上运行，不需要服务器的支持而可以 独立运行，可以减少服务器的压力。 基于JAVA和C,C++等多种语法结构 代码加载前需要解释后运行，运行速度较慢 程序编写简单，但安全性相对较差。 JavaScript简介 使用方法 外部脚本文件 SCRIPT src=Menu.js type=text/javascript/SCRIPT 混合在HTML文档中，一般位于头部 head…/head 内嵌脚本 script language=JavaScript document.write(这是第一个JavaScript文件!) /script 数据类型 动态类型：var a 数值型: var a = 3; 布尔值:Boolean var x=true var y=false 字符型 var myname=“小王; 数组 var students=new Array(); students[0]=“wang; students[1]=“li; students[2]=“zhang; 对 象 引用JavaScript内部对象 由浏览器环境中提供 创建新对象 常用内部对象 window对象 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 document对象 document.getElementById(header); 内建对象： String、Date、Array 等等。 事件处理与