0708学习

CSS id选择器

   #id名 {

              属性1:属性值1;

             ........

        }

计算当年还剩多少时间的倒数计时程序，网页上能够实时动态显示“XX年还剩XX天XX时XX分XX秒”

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：
外边距（margin），边框（border），内边距（padding），和实际内容（content）
1 Margin(外边距) - 清除边框外的区域，外边距是透明的
2 Border(边框) - 围绕在内边距和内容外的边框
3 Padding(内边距) - 清除内容周围的区域，内边距是透明的
4 Content(内容) - 盒子的内容，显示文本和图像
 

<?xml-stylesheet type="text/css" href="css.css"?>
<!-- 引入dtd文档定义文件 （根元素：班级）<!DOCTYPE 班级 SYSTEM "class.dtd" /> -->
<!-- <!DOCTYPE 班级[
<!ELEMENT 班级 (学生+)>
<!ELEMENT 学生 (名字,年龄,介绍)>
<!ELEMENT 名字 (#PCDATA)>
<!ELEMENT 年龄 (#PCDATA)>
<!ELEMENT 介绍 (#PCDATA)>
] /> -->

在dtd中定义一个实体，在xml用 为了兼容性,需要把实体定义在内部的dtd中

使用DTD的优点

文档 - 可以为XML文件定义自己的格式。 查看此文档，用户/开发人员可以了解数据的结构。
验证 - 它提供了一种检查XML文件有效性的方法，方法是检查元素是否以正确的顺序出现，强制元素和属性是否到位，元素和属性是否以不正确的方式插入等等。

这是包含 DTD 的 "note.dtd" 文件：

<!ELEMENT note (to,from,heading,body)>
<!ELEMENT to (#PCDATA)>
<!ELEMENT from (#PCDATA)>
<!ELEMENT heading (#PCDATA)>
<!ELEMENT body (#PCDATA)>

封装一个函数随机产生16进制的颜色值

function getColor() {
      var str = "#";
      //一个十六进制的值的数组
      var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
      for (var i = 0; i < 6; i++) {
        //产生的每个随机数都是一个索引,根据索引找到数组中对应的值,拼接到一起
        var num = parseInt(Math.random() * 16);
        str += arr[num];
      }
      return str;
}