2023年12月11日发(作者:珍惜时间演讲稿)
网页字体设置源代码
一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大
格式:<fonr size=文字大小>被设置的字</font>
2. 设置文字字体属性是"face"
格式:<font face=文字字体>被设置的字</font>
3. 设置文字颜色的属性是"color"
格式:<fonr color=文字颜色>被设置的字</font>
二、文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
5. 文字移动
格式:<marquee *Amount="移动速度" direction="方向" >被设置的字</marquee>
设置移动速度属性是*Amount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)
三、文字段落设置
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示
这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。
属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)
格式:<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div>,属性同<p>
格式:<div align=属性值>被设置的段落</div>
四、文字链接设置
1. 点击文字转到链接地址
格式:< a href="所要连接的相关地址">被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:<a href="相关地址" target="_blank">被设置的字</a>
五、文字特效
1. 彩色字体色彩绚丽
彩色字体色彩绚丽
彩色字体色彩绚 color=#ff00ff>丽
2. 阴影字体
阴影字体
COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 51px"阴影字体
3. 围边字体
围边字体
WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">围边字体
4. 投影字体
投影字体
bolder; FONT-FAMILY: 华文行楷; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px" color=red>投影字体
5. 抛射字体
抛射字体
121px" align=center>
6. 倒影字体
倒影字体倒影字体
FONT-FAMILY: 华文行楷">倒影字体 *="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">倒影字
7. 向上移动的文字
向上移动的文字
15pt" width="100%"> |
8. 向下移动的文字
向下移动的文字
15pt" width="100%"> |
9. 向左移动的文字
向左移动的文字
10. 向右移动的文字
向右移动的文字
11. 由中间向两边移动的文字
由中间向两边移动的文字由中间向两边移动的文字
12. 由上下向中间移动的文字
由上下向中间移动的文字
由上下向中间移动的文字
文字连续滚动代码
…………要滚动的文字…………
direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down
left:文字自右向左滚动
right:文字自左向右滚动
up:文字自下向上滚动
down:文字自上向下滚动
这个标记是IE特有的,NETSCAPE是浏览不到这效果的
loop:如果想让文字无限循环,则参数是"-1";如果不是可以自行设置循环次数
behavior:滚动形式,有scroll,alternate,slide等。
scroll:是以滚动的形式移动
alternate:是以来回的形式移动
slide:文字滚动出来后不再动
dataformatas:文字类型,参数为:html,text,css等等
width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如100,150等,也可以用百分数表示,如50%
height:跟width一样是控制窗口的高度,大小也是以像素为单位的
scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现,单位为毫秒。1秒=1000毫秒
scrollamount:每次移动的长度,以像素为单位
bgcolor:背景颜色,可以是16进制数,也可以是颜色名(请参看颜色表)
2。用JAVASCRIPT实现,功能强大
实现文字从下往上不间断的滚动
id=marqueey>连续滚动的字测试1
连续滚动的字测试2
连续滚动的字测试3
连续滚动的字测试4
<script language=JavaScript>
marqueeyHeight=140; //载体高度控制
stopscroll=fal; with(marqueey){
=0;
=marqueeyHeight;
owX="visible";
owY="hidden";
noWrap=true;
onmouover=new Function("stopscroll=true");
onmouout=new Function("stopscroll=fal");
}
('
style="position:absolute;z-index:1;visibility:hidden">
preTop=0; currentTop=0;
functioninit(){
TML="";
while(Height TML+=TML; } TML=TML+TML; tInterval("scrollUp()",40); //滚动速度控制,越大越慢 } =init; functionscrollUp(){ if(stopscroll==true) return; preTop=Top; Top+=1; if(preTop==Top){ Top=Height-marqueeyHeight; Top+=1; } } </script> id="templayer" -
本文发布于:2023-12-11 18:56:29,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/zhishi/a/170229218940853.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:网页字体设置源代码.doc
本文 PDF 下载地址:网页字体设置源代码.pdf
留言与评论(共有 0 条评论) |