CSS样式表和JavaScript

CSS样式表

1.css中的规则

一个css样式表包括3个部分：选择器，属性和属性值

2.选择器：

a.标记选择器：

<style>

a{

font-size:9px;

color:#f93;

}

</style>

b.类别选择器：

<style>

.one{

font-family:宋体;

font-size:24px;

color:red;

}

.two{

font-family:宋体;

font-size:16px;

color:red;

}

 

.one{

font-family:宋体;

font-size:12px;

color:red;

}

</style>

c.id选择器：

3.在页面中包含css

有如下方式：

a.行内样式：通过style，直接定义在某一个要修饰的标签内；

<p  style=”color:#F00;font-size:36px;”>

行内样式

</p>

b.内嵌式：<style>**</style>

c.链接式:最为常用的一种方式，将样式文件单独写在一个文件中，要使用的时候使用<link rel=’stylesheet’ href=’path’ type=’text/css’>

属性解释：

rel,定义外部文档和调用文档的关系

href,css文档的绝对或相对路径

type,外部文件的mime类型

4.CSS3中的模块：

是对CSS2的升级

basic box model

line

lists

text

color

font

background and border

paged media

writing modes

CSS+DIV

 

JavaScript:

重要特征：

a.区分大小写，弱数据类型,使用var声明变量，可以使用大括号来表示代码块，

b.数据类型：

整形，浮点，字符型（单引号，或者双引号，没有char型），布尔型，空值（null）

未定义值（未声明的变量或者已经声明但没有赋值的变量）undefined

c.如果给一个未声明的变量赋值时，会自动用该变量创建一个全局的变量，如果是在一个函数内部赋值的，则会创建一个局部变量

d.一些基本语句如，条件判断if,分支选择，循环for,while,break,continue等等与java,c一样。

e.函数：

function functionName(形参列表（可选）){

//函数逻辑

（return值语句可选）

}

f:事件处理：

事件处理程序的调用一种是在javascript中处理，

var bt_save = document.getElementById("bt_save");

bt_save.onclick = function(){

alert("ad");

}

另一种是在html中处理：

<input name="bt_save" type="button" value="保存" onclick="alert('ad')">

 

常用对象：

Window对象：

Window对象的属性和方法，是所有其他对象的父类；

在使用window中的方法时，可以忽略掉对象名；直接使用如alert("");

open,close

 

String对象：

属性：.length

方法：indexOf,lastIndexOf,substring,replace,split

 

Date对象：

创建一个Date对象：

new Date();

new Date(datemillis);

new Date(year,month,day,hour,minute,second,milllis);

方法：getFullYear(),getMonth(),getDate(),getDay(),getHours()

 

DOM技术：

html文档的各个节点被视为各种类型的Node对象；

一般的操作就是遍历节点了。下面是节点相关内容：

 

获取文档中指定的元素：

方法如下：

a,通过元素的id属性获取元素；

document.getElementById(“userList”);

b.通过元素的name属性获取元素；

document.getElementsByName(“username”)[0];

操作文档：可以对文档中的节点进行创建，插入，删除，替换；Node对象的操作方法：