北北北-CSDN博客

原创 css中“border”在chrome与ie中的不同

今天在研究css的盒模型问题，本意是想测试css中关于margin、pading、border与width、height的关系。但是无意中发现边框的大小在谷歌的chrome与微软的ie中认定是完全不同的。html代码如下： #ceshi1{ width:300px; height:300px; background:#ccc; margin:30px;

2012-05-22 22:51:21 2812

原创 Bingo卡片案例笔记【五】、生成不重复并且完整的数字

根据上一篇文章的代码，我们生成了合乎bingo卡片规范的数字。但是，出现了一个新的问题即生成的文字会出现重复的情况。为了避免出现重复的情况出现，我们采用了do...while和数组的方式来重复生成数字，直到所有数字不重复为止。代码如下：window.onload=newCard;var usedNum = new Array(76);function newCard(){ for

2012-02-27 20:00:42 1095

原创 Bingo卡片案例笔记【四】、生成符合规范的数字

根据bingo卡片的要求可以知道，bingo卡片对生成的数字有着规定的要求，要求如下：B列中的数字要求是1～15之间的任一数字I列中的数字要求是16～30之间的任一数字N列中的数字要求是31～45之间的任一数字G列中的数字要求是46～60之间的任一数字O列中的数字要求是61～75之间的任一数字因此，我们在这里引入一个数组。通过数组来限制每列生

2012-02-27 19:08:15 851

原创 Bingo卡片案例笔记【三】、随机生成数字并填写到表格中去

在前面的步骤中，我们建立生成了html和css文件。下面我们要通过javascript来随机生成1～75中的数字并填写到除“free”以外的所有表格中去。window.onload=newCard;function newCard(){ //共有24个格子需要填入数字，所以需要循环生成24个数字填入 for(var i=0;i<24;i++) { var newNums=M

2012-02-26 20:25:05 1986 1

原创 Bingo卡片案例笔记【二】、配置css文件，为表格加上样式

在上一篇文章中，我们已经使用Html建立了一个一个基础的bingo卡片表格html文件。接下来，通过css来控制整个页面中对象的属性,代码如下：body{ background-color=white; color:black font-size:20px; font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-ser

2012-02-26 20:11:24 1082

原创 Bingo卡片案例笔记【一】、建立一个bingo卡片表格

一、【什么是bingo卡片】bingo卡片是一种上图样式的卡片，拥有5×5个空白的格子。格子中会填上一系列数字（当然会有一些限定）。我们即将使用Html+javascript来建立一个网页，随机生成数字填入其中实例要求如下：1、可以填写的数字从1-752、正中间为一个空白的格子，里面填着Free3、 B列中的数字要求是1～15之间的任一数字I列中的数字要求是16

2012-02-26 18:25:47 4733

北北北的专栏