CSS笔记

来源：互联网发布：游戏编程需要数学吗编辑：程序博客网时间：2024/06/05 23:03

11-6

关于absolute和realtive

1. 只有absolute而没有relative的时候可以随意在页面内调整

2. 设定了absolute，只能在父辈类元素内寻找一个被包含的最大div区域作为参照系

3. absoulute不能与将相关的relativediv相关联

js是一门解释型程序设计语言，需要等到解释器执行到有关代码时才能被发现。

js的注释：建议大家用“//”来注释单行， 用"/*"来注释多行。(因为在js中使用<!--123-->的话，解读的意思不一样)

js语言，区分大小写！！！

驼峰格式;是函数名、方法名和对象属性名命名的首选格式。（my_mood---myMood ：每个新单词改用大写字母开头）

js中的转义符 --反斜杠（\） （var height="about 5'10\" tall"；) 或者 (var mood='don\'t ask'; ）

单引号和双引号没有明显的使用界限，但是最好是根据字符串所包含的字符来选择-如上

布尔值：所有的电子和电路只能识别和使用布尔数据，布尔值不是字符串，千万不要把布尔值用括号括起来。

var sleeping=true ;

数组的声明：

var beatles=[1940,"string",false]； //声明数组的同时，也给数组填充值

var beatles= Array(4); //数组长度是4

var beatles= Array(); //未定义数组长度

beatles[0]=element; //populating 填充时，不仅需要给出新元素的值，还需要给出新元素在数组 · 中的存放位置

下面是声明和填充全过程：

var beatles ＝Array(4);

beatles[0]="John";

beatles[1]="Paul"; 

beatles[2]="George";

beatles[3]="Ringo";

---或者　　var beatles = Array("John","Paul","George","Ringo"，1940，false)

11-7

//js的关联数组：

<script type="text/javascript">

var lennon= new Array();

lennon["name"]="John";

lennon["year"]=1940;

lennon["living"]=false;

document.write(lennon[name] + "<br />")//少了双音还，无法显示

document.write(lennon.year + "<br />")//调用了数组的属性

document.write(lennon["living"] + "<br />")

</script>

/*你实际上是给lennon数组添加了name、year和living三个属性。理想情况下，你不应该修改对象的属性，而应该使用通用的对象(object)。*/

对象： 关键字object创建对象

var lennon=object(); lennon.name="John";//以下几行都是在创建对象的属性

lennon.year=1940;

lennon.living=false;

操作符：加号（+）是一个比较特殊的操作符，它既可以用于数值，也可以用于字符串。

拼接是用加号（+）把多个字符串首尾相连在一起的一种操作。

如果把字符串和数值拼接在一起，其结果将是一个更长的字符串；但如果用同样的操作符来“拼接”两个数值，其结果将是那两个数值的算术和。//例如alert("10"+20)----1020 alert（10+20）----30

比较操作符： >大于 、>=大于等于 、 ==等于 、！=不等于、 <小于 、<=小于等于

单个等号（=）完成的是赋值操作。

严格比较符（===、!==）不仅比较值，而且会比较变量的类型。

逻辑操作符： &&与//作用于两个操作数 ||或 //作用于两个操作数

！非 //作用于单个操作数

——<html>

无语义行内元素------<span></span>

在段内定义与该段样式不同的内容的样式。

同时满足以下条件的内容你可以使用span标签：

1、行内元素（inline）

2、无语义

3、你需要给他添加特定样式或做js钩子的时候

——CSS

浮动标签----float

JS命名

js如果命名变量和函数。

在命名变量时，我用下划线来分割各个单词；

在命名函数时，我从第二个单词开始把每个单词的第一个字母写成大写形式（也就是所谓的驼峰命名法）。//这样 做得目的是为了能够一样看出哪些名字是变量，那些名字是函数。

注意：与变量的情况一样。js语言也不允许函数的名字里包含空格。

全局变量和局部变量 ——变量的作用域

无论在函数的内部或者外部声明变量时，为了避免任何形式的二义性隐患，需要在命名变量的时候总是用关键字var 来命名。- 出自：js DOM编程艺术（第二版）p28--- 我们要养成一个编程的好习惯

function square(num){

total =num * num;

return total;

}

var total = 50;

var number = square(20);

alert(total);

输出的total将是400;已经改变了全局变量的原始值。

对象

包含在对象里的数据可以通过两种形式访问——属性、方法

对象的属性就是变量，对象的方法就是函数。

内建对象( native object）：js提供的。 如Array对象、Math对象 、Data对象

宿主对象( host object）：浏览器提供的。如document对象、Form对象、Image对象、Element对象、

window对象

用户自定义对象（user-defined object）：由程序猿自行创建的对象。

DOM(文档对象模型)

一个html网页就是一个文档，把html中的各种元素想象成一棵节点树，我们就可以用同样的术语描述DOM。

节点：

1. 元素节点（element node）

<body>、<p>、<ul>等标签都是元素。标签的名字就是元素的名字。元素可以包含其他元素。

2.文本节点（text node）

文本节点总是被包含在元素节点的内部。但并非所有的元素节点都包含有文本节点。例如在<ul>这个元素 ` 没有直接包含任何文本节点，它包含着其他的元素节点（一些<li>元素），后者包含着文本节点。

3.属性节点（attribute node）

属性节点用来对元素做出更具体的描述。例如，几乎所有的元素都有一个title属性，而我们可以利用这个属` 性对包含在元素里的东西做出准确的描述：

<p title="a gentle reminder ">Don't forget to buy this stuff.</p>

所有的元素节点总是被包含在元素节点中。并非所有的元素都包含着属性，但所有的属性都被元素包含。

CSS

1.class属性

你可以在所有的元素上任意应用class属性。

2.id属性

id属性的用途是给网页里的某个元素加上一个独一无二的标识符。

尽管id本身只能使用一次，样式表还是可以利用id属性为包含在该特定元素里的其他元素定义样式。

eg:

#purchases li {

font-weight:bold;

}

<ul id="purchases">

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

获取元素

有3种DOM方法可获取元素节点，分别是通过元素ID、通过标签名字和类名字来获取。

1. getElementById

2. getElementByTagName

3. getElementByClassName

0 0