大学网页设计代码归纳

一、使用CSS修饰常见的网页元素

1、文字的样式

文字的字体－font-family：

字体的大小—font-size：

字体的粗细－font-weight：(bold为粗体，相当于number为700；normal为正常的字体，相当于number为400)

字体的倾斜－font-style：(normal为“正常”（默认值），italic为“斜体”，oblique为“倾斜体”)

字体的修饰－text-decoration：(underline为“下画线”，blink为“闪烁”，overline 为“上画线”，line-through为“贯穿线”，none为“无装饰”)

文本的颜色—color:

2、段落的样式

文字的对齐方式－text-align：(left为“左对齐”，right为“右对齐”，center为“居中“，justify为“两端对齐”)

首行缩进－text-indent：(length为百分比数字或浮点数字、单位标识符组成的长度值，允许负值，常用2em。1em等于一个中文字符，两个英文字符相当于一个中文字符。)

行高－line-height：(length为百分比数字或由数值、单位标识符组成的长度值，允许负值。normal为默认行高。)

字间距－word-spacing：(normal为默认,定义单词间的标准间距。length为由浮点数字、单位标识符组成的长度值，允许负值)

字符间距－letter-spacing：(normal为默认,定义单词间的标准间距。length为由浮点数字、单位标识符组成的长度值，允许负值)

文本的大小写－text-transform：(none为默认，定义带有小写字母和大写字母的标准的文本；capitalize指定文本中的每个单词以大写字母开头；uppercase定义仅有大写字母，无小写字母；lowercase定义仅有小写字母，无大写字母)

3、设置背景

设置背景颜色－background-color：(color指定颜色，transparent使背景色透明)

设置背景图像－background-image：(url为使用绝对或相对地址指定背景图像的地址；none无背景图。)

设置背景重复－background-repeat：(repeat背景图像在纵向和横向平铺，no-repeat为背景图像不平铺，repeat-x为背景图像在横向平铺，repeat-y为背景图像在纵向平铺。)

设置背景定位－background-position：(length为百分比数字或由数字、单位标识符组成的长度值；position可取top、center、bottom、left、right之一)

设置背景大小－background-size：(auto:此值为默认值，保持背景图片的原始高度和宽度；length此值设置具体的值，可以改变背景图片的大小；percentage此值为百分值，可以是0％－100％之间任何值，但此值只能应用在块元素上，所设置百分值将使用背景图片大小根据所在元素的宽度的百分比来计算。cover：此值是将图片放大，以适合铺满整个容器，这个主要运用在，当图片小于容器时，又无法使用background-repeat来实现时，我们就可以采用；contain:此值刚好与cover 相反，其主要是将背景图片缩小，以适合铺满整个容器，这个主要运用在，当背景图片大于元素容器时，而又需要将背景图片全部显示出来，此时我们就可以使用contain将图片缩小到适合容器大小为止，这种方法同样会使用图片失真)IE8不支持该属性

二、JavaScript

1、在Web标准中，使用HTML设计网页的结构，使用CSS设计网页的表现，使用JavaScript制作网页的特效

2、JavaScript是一种基于对象（Object）和事件驱动（Event Driven），并具有安全性能的脚本语言。

3、在HTML文档中嵌入脚本程序:

document.write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口。alert()是JavaScript的窗口对象方法，其功能是弹出一个对话框并显示其中的字符串

4、链接脚本文件（可以把脚本保存在一个扩展名为.js的文本文件中）

5、在标记内添加脚本

6、制作滚动字幕

loop=”i/-1/infinite” hspace=”m” vspace=”n” scrollamount=”i” scrolldelay=”j” bgcoloor=“色彩”width=”x” height=”y”>流动文字

bgcolor：滚动文本框的背景颜色。

Direction：滚动方向设置，可选择Left、Right、up和down。

scrolldelay：每轮滚动之间的延迟时间，越大越慢。

scrollamount：一次滚动总的时间量，数字越小滚动越慢。

Behaviour：滚动的方式设置，三种取值：Scroll（循环滚动）slide（单次滚动）、Alternate（来回滚动）。

Align：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。Width：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

Height：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop：滚动次数。默认为infinite

hspace、vspace：前后、上下的空行。