2023年网编程课堂笔记_第1页
2023年网编程课堂笔记_第2页
2023年网编程课堂笔记_第3页
2023年网编程课堂笔记_第4页
2023年网编程课堂笔记_第5页
已阅读5页，还剩27页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页编程网页编程第四章一、工作原理在地址栏中输入ＵRＬ>interｎeｔ-－--－＞服务器IE解释ＨTML编码变成网页二、ＨTML：标记语言以<开头，以＞结束语法:<标记名><标记名属性名="值"><标记名>内容＜／标记名><标记名属性名="值">内容<／标记名>注：１、</.．>标记结束２、属性要写＜>内3、值可用＂",＇',省略。建议用双引号4、不区分大小写5、＜!--注释-->常用标记1.＜html>...<／htmｌ>:网页的开始和结束标记注：所有标记都位于中间２.＜head＞．.．</ｈead>:网页的头，放设立代码３.＜body>...</body>：网页的主体，放网页的重要内容4．＜titlｅ>．．.</title>:设立网页标题栏上的文字注：放在<ｈｅaｄ＞5.＜meta>描述信息注：放在<ｈead＞例：<metａhｔｔp-ｅquｉv="refresh"ｃｏntenｔ="2">2秒后自动刷新网页＜mｅtahtｔp－equiｖ="refｒesh"cｏntent="２;uｒl＝c：">2秒后刷新到C:附加：<body>属性:ｂgcolor="背景色"，bacｋｇroｕｎｄ＝"背景图片＂,ｂgpｒopertｉes="fixｅd＂背景图片固定6.<p＞</p>段落属性：aliｇn=leｆｔ／ｃenter／riｇht对齐方式(左中右)注：＜/ｐ>可以省略，碰到第二个<p>,认为该段结束7.<h1>到<ｈ6>标题注：1.<ｈ1＞字号最大，<h6>字号最小2.有ａligｎ3．标题与段落,标题与标题区别只有字号区别８.＜br>回车注：<p>与＜br>区别为<ｐ>多一个空行9.<prｅ></ｐｒｅ＞:按预定格式输出，原样显示10.字符格式化<I＞＜/I>斜体<ｂ></b＞加粗<u><／u＞带下划线<sup></ｓuｐ>上标<sub>＜/sub>下标11.<uｌ＞＜/ul>无序列表12.<ol></ｏｌ>有序列表1３.<ｌi>列表项注:ａ．有序列表<lｉ>可以加ｔype=1/A/a／I/i（数字/大字母.．．)ｂ.<ol>有start属性,可以指定起始编号14.<hｒ>水平线属性:sizｅ=＂粗细",widｔh="宽度",nｏshadｅ无阴影，ｃｏｌor="颜色"align="对齐方式"注：宽度可以使用比例１５．<fｏnt＞</font>字体属性:siｚe＝"大小",ｃoｌor=＂颜色＂,face＝＂字体类型＂16．＜img＞插图片src=＂图片位置",aｌign="ｂottom/middle／ｔｏp"对齐方式ａlt＝"提醒文字＂注:ａ.对齐方式是指与图片同行的文字的对齐方式b.提醒文字指图片不正常显示，则显示文字。另鼠标悬停时文字17.<ｅmbeｄsrｃ＝＂途径"wｉdtｈ="宽度">插声音和视频18.<a></a>超链接属性:name=＂锚名称"hrｅf="途径"格式：<aｈref="链接的页面或位置"＞提醒文字或图片</a>第一种:<Ａhrｅf="1．hｔｍl">进入<／A＞链接某页面第二种：<anaｍｅ＝"xue">雪山飞狐<／a>为目的取名<ａhｒeｆ="#xue＂>雪＜／a>链接到名为xue的位置第三种：<ａhref＝＂1.ｈtml#xue＂>雪＜/ａ＞跳到另一网页的某个位置第四种：<ahreｆ＝"mailto:邮箱"＞联系我<／a>用outLｏｏk发邮件第五章第五章表格:显示数据和布局组成:表格-->行--＞单元格标记：<tａbｌe>表格<tr>行<tｄ>单元格<tｈ＞列标题＜caｐtｉｏｎ>表标题1.<tabｌe>属性:aｌign对齐方式(指表格的位置)，ｗidth宽,ｈeigｈｔ高,bgｃｏloｒ背景色,baｃｋｇrouｎd背景图，borｄercolｏｒ边框色,boｒder边框的粗细ceｌｌspａｃing单元格之间的间隔,默认为1,cellpaddinｇ内容与边框的间隔2.<ｔｒ>属性:ﻩaligｎ对齐方式（行内容的位置）（leｆt/centeｒ/right) bｇｃｏlor背景色，ｂoｒdercolor边框的颜色,vaｌign垂直对齐方式(ｂottoｍ/miｄdｌe/top)3.<td>属性:aｌｉｇn,ｖalign,ｗidth,heigｈt，bｇcolor，bｏrdercｏｌor,bａckgroundcoｌspan合并列，rｏwspan合并行4．＜th>列标题注:相称于<ｔｄ>,只是<th>中的内容自动加粗居中５．<ｃaptｉon>表标题注：位于表格上方，居中,编码时需要写在<table>标记里面表单１、表单标记＜form>注:所有的表单元素(组件)放在<form＞标记中属性:a.methoｄ＝"poｓt／ｇｅｔ＂提交方式post在地址栏中不显示提交内容（表单元素的名称及值）get显示提交内容b.ａctiｏn提交页面2.表单元素相关标记a.<ｉnpuｔ>属性:typｅ 文本框ｔｅｘｔ密码框pasｓword提交按钮subｍit单击后会跳转到ａctｉon所规定的提交页面重置按钮reｓet清空,使表单元素回到初始状态普通按钮ｂｕtｔｏn图片提交image功能相称于submｉｔ 单选框radiｏ复选框checkｂox 文献fｉle 隐藏域hｉddenname表单元素的名称vaｌｕe值siｚe文本框的宽度ｍaｘlength文本框最大字符数cｈecked选中(单选和复选)ｓrｃ图片提交按钮的途径操作细节1．＜inｐｕｔtype=＂ｉmage">与<a＞<iｍg></a＞的区别：前者为图片提交,将所有表单元素的名字及值上传到服务器后者为页面跳转,只是简朴的超链接。2.单选框和复选框分组，只需要将naｍｅ即名字设立为同样就OK3．单复框有提交值与提醒值之分<inｐutｔyｐｅ＝"raｄio"vａlue="nａn">男vaｌue为提交值,提交时上传服务器标记后的男会显示在页面上,起提醒作用,跟提交无关4．列表框和文本域不能使用input标记5.单复框用checｋed，列表框用selｅｃｔｅd选中6．按钮可以用<input＞也可以用<button>标记,但<buｔtoｎ>可以改变字体或在按钮上加图片b．<seｌecｔ>和＜optｉoｎ>列表框及列表项<selｅct>ﻩ＜optｉon>高中</optｉoｎ> <optionseｌected>大专</oｐtioｎ></selｅｃｔ>属性：ｓizｅ:框的大小（行）multiｐｌｅ：是否可以选择多项c.<teｘｔＡreａ>文本域属性:cｏls总列数roｗs总行数＜texｔArｅａ>我喜欢＜/teｘtArea>没有vａlue属性,值必须放在中间附：<inpuｔtype="ｓubmit／reｓet/buttｏn＂value="按钮"＞等同于<buttontype＝"sｕbmit／rｅseｔ／ｂuttoｎ＂>按钮<／buｔtoｎ>但＜buｔtoｎtype="sｕbmit">＜fontcｏlor＝"ｒed">按钮＜/font></butｔoｎ>＜buｔｔｏntype＝"sｕbｍit＂＞<imgsｒｃ=＂＂>按钮</button＞第一,二章专业术语：万维网，协议,ＵrL,HTML,网站,网页，静态网页,动态网页Drｅａmｗeavｅr梦工厂组成:菜单栏,插入栏,面板组,属性检查器三种视图:代码/拆分/设计菜单栏：编辑>标签库(相称于帮助)/首选参数(可以改字体/颜色)插入(插入所需要的标记)窗口:显示所需的面板插入栏:常用(普通标记)/布局（对页排版)/表单(表单元素)/文本(格式化文字的标记）/flａsh元素操作一：建站点(管理网站信息）建文献夹－->D中－->站点菜单>新建站点-－＞为站点取名-－-＞否,不使用服务器技术>选择站点所相应的文献夹-->如何连服务器:无－-＞完毕操作二:设立页面的属性属性检查器-->页面属性-＞整个页面的字体／字号/前景／背景/超链接操作三：布局插入栏－－->布局－-－>布局＞布局表格/布局单元格区别:布局表格:不能直接输入文字或插图片，它生成的是＜ｔａｂle>，里面可以放布局单元格布局单元格:能插文字和图片，但不能放表格或单元格,生成＜ｔd>附:超链接途径１.完整途径Ｅ:\1.html２.相对途径：１．html或ａａ\１.ｈｔml3．URL:.coｍ4.文献Doc,pｐｔ．eｘcel第三章模板1、新建站点(必须建站点才干做模板)２、新建一个普通网页（即做模块就跟做网页同样）３、各网页相同部分在模块中做好,不同部分变成可编辑区域:选中－－>插入--－>模板对象--＞可编辑区域4、创建模板插入-->模板对象－-－>创建模板注：模板的后缀．dｗt,放在目录Tｅmｐlaｔeｓ中5、使用模板在需要套用模板的页面-－>编辑－－>模板-－>套用模板到页插入表单和表单元素注：1．先插入表单再插表格,最后加表单元素２.可以在属性栏中更改表单元素的属性多媒体１、flash文本，flasｈ按钮，flaｓh(swf)环节:插入-－＞媒体注:gｉｆ图片,插入－->图像层:z轴越大，离我们越近浮动广告：1、插入层:插入--＞布局对象-－>层2、时间轴:窗口菜单-－>时间轴（让时间轴可见）将层拖届时间轴上－>拖长时间轴（速度慢些）>选择最后一帧－--－>将层拖到最后停止的位置--＞选择自动播放，循环播放>在中间帧右击选择插入关键帧--＞拖动层(调置曲线路）行为:窗口菜单>行为(事件)常用事件：onLoａｄ:页面打开onｃｌiｃk:单击onDoｕbleClｉｃk:双击onmoｕseOｖｅr:鼠标悬停ｏnmouｓeＯut：鼠标离开oｎｍouseUｐ：鼠标松开onｍｏuseＤown:鼠标按下图片:jpｇ:图片效果好，不支持动画，占空间大ｇｉf:支持动画，但像素低，效果差,占空间小第七章样式表：css(级联样式表/层叠样式表)作用:1、扩展了HＴＭＬ的功能2、提高重用功能3、动画常用样式1、文本text-ａlｉｇn：left/right/center对齐方式ｔeｘt-decoration:overlｉne／underline.．.文字装饰linｅ－height:行间距ｌettｅr-ｓpａcing：字间距text-indent:缩进(长度单位)５em2、背景/颜色ｃｏlor:字体颜色ｂａckgrouｎd-ｃolor：背景色bａckgroｕnd－imaｇｅ：背景图片backgroｕnｄ-rｅpeat：no-reｐeaｔ（不反复)(反复方法）ﻩ／ｒｅｐeaｔ(反复)/ｒepeat-x(横向反复）/repeat-y（纵向）ｂａckgｒouｎｄ-ｐｏsitiｏn:对齐方式left/rigｈt/ｃenｔer/botｔom/tｏp3、字体font－ｆａmｉｌy:字体fonｔ-size:字号ｆont-sｔyｌe:字体样式(斜体等)ｆont－ｗeigｈｔ:字体粗细4、边框：Boｒdeｒ－sｔyｌe:边框样式doublｅ（双线)ｄａshed(虚线）...border-cｏlor：边框颜色boｒdeｒ-ｌｅft-cｏloｒ:左边框颜色5、定位(一般用于层)150页样式分类一、行内样式表:样式少注：只能当前标记内的内容有效格式：<标记名stｙle="属性:值;属性2:值..＂>二、页面级样式注：当前页面有效<ｓtｙletype="text/csｓ"></ｓｔyle>页面样式必须写在＜ｓｔｙle>标记中，<style>标记习惯写在<head>，写在＜ｓtｙlｅ>标记中称为选择器1、标记选择器标记名{属性:值;属性2:值..．}td{colｏｒ:red}将当前页的所有的ｔd标记字体改为红色２、类选择器.类名｛属性：值;属性2:值...｝；作用:可用于不同的标记或同一标记中部分使用调用:<标记名cｌaｓs=＂类名">3、ＩD选择器#IＤ名｛属性:值;属性2:值．..};作用:一般只用一次,避免命名冲突，由于ＩＤ即标记的名称调用：＜标记名id="ID名＂＞三、外部样式直接写选择器，样式文献后缀为.ｃsｓ调用:方法一：@ｉmport＂样式文献途径";注:必须写在＜stylｅ>标记中方法二：<LINＫＲEL=sｔyｌesheｅtHREF＝“样式文献"Ｔypｅ="text/csｓ"＞优先级行--＞页-->外部第八章DHTMＬ：动态ＨTMＬ单纯的HTML只能控制网页的内容和格式.(标记语言)ＤHTML=ＨTML＋ＣSＳ＋脚本脚本:嵌在网页的编程语言JａvaScｒiｐｔ:非jaｖa客户端开发也可用于服务器开发,重要是客户端三种语法:1、写在事件里面例:＜iｎpｕtｔyｐe="ｂｕtｔon＂ｎaｍe="ｂtｎ"vaｌue="按钮＂onｃlｉｃk＝＂aｌert('hｅlloworld');＂>2、写在＜ｓcripｔ>标记中，<scripｔ>写在head例＜scriｐｔlanguage＝"jaｖasｃrｉpt"＞ ａlｅrｔ("hｅｌloｗorld＂）；＜/scrｉpt>3、外部脚本,脚本文献的后缀．jsa．脚本文献ａlerｔ("hellowｏrld"）;b.在网页中调用脚本文献＜scrｉptlanｇｕａge="javａscｒipt"sｒc="文献名.ｊs"＞＜/ｓcriｐt＞注:每写一句加分号区分大小写注释／/，/**/常用的输入和输出doｃuｍent.writｅ();在网页上输出alert(）；消息框confirm（);选择框,返回值为ｂｏｏｌean,拟定trｕe／取消falｓeprｏｍｐt("提醒信息",默认值);输入框,返回Ｓtriｎg,即用户所输入的内容变量：１、变量的声明ｖａr变量名；2、变量作用域全局变量:作用于整个网页，可声明也可不声明(在函数外声明)局部变量:作用于某个方法(函数）,必须声明(在函数内声明）数据类型:stｒing,ｎuｍbｅｒ,booｌｅａn,nｕll;强制类型转换parｓeInt(),ｐarsｅＦloａｔ()判断是否为数字isNaN（)，为数字是fａlse，不为数字是true+号,能加则加，不能则连foｒ（ｉ＝1;ｉ<=１0;i＋＋){documｅnt.wrｉte（"<hrwidth="+(i*10)+"%colｏｒ='rｅd'><br>"); ﻩ}注：在脚本中,在网页上显示标记，必须写在dｏcｕment．wriｔe（)中编码环节画页面-->表单-->表格-－＞表单元素(一般将按钮变成普通按钮)-->为表单取名－->为表单元素取名>写脚本例:取得某个文本框中的值:表单名.表单元素名.vａlｕeｆoｒ循环<scriptｌanguａgｅ="javａscｒipt"> fｕnctiｏnｆｕn（)ﻩ｛ﻩｖarop=newOpｔioｎ(１9０0，190０);//产生Oｐtion//相称于＜optioｎvａlue=1900>１90０</opｔion>ﻩｆrｍ．year.optioｎs．aｄｄ(op)；//在表单fｒm的ｙｅａr列表框中添加oｐﻩ｝<／scriｐt＞<bodｙonlｏad="fｕn（)">/／网页打开时调用fun（)函数frｍ．dａy.lｅngｔh＝0;//设立day列表框的长度为0,相称清空vａｒarｒ=newAｒｒay(０,31,2８,３1，３０,3１,30,31,3１,30，31，３0,３1);/用下标做月份,值每月的最后一天ｖarｍ=ｆｒm.moｎth.ｖaluｅ；//从月份列表框中得到月fｏr(i=1；i<=arｒ［m];ｉ＋＋)／／arｒ[ｍ],运用月找到每月的最后一天｛vａrop＝nｅwOｐtioｎ(ｉ,i);frm.day.opｔioｎs．aｄd(op)；｝第九章知识点：一、数组定义：var数组名＝neｗArraｙ（元素/长度）;例:ｖaraｒr=ｎewＡrrａy(1，2，3);//元素vararr=nｅｗAｒraｙ(5)；//声明一个长度为5的数组输出：documenｔ.ｗrite（arｒ）;//整个数组输出dｏｃumeｎｔ．wｒitｅ（ａrr[0])；／/输出第1个元素属性:lｅngth求数组长度方法：join()联接ｓort()排序(升序)rｅvｅｒｓe()逆序例：varｓ=ａrｒ.join('-');//将arｒ用-联接成字符串放到s二、函数funｃtion方法／函数名（参数1，参数2)｛ﻩ方法体；}注：参数不加类型，直接写变量名fｕnctionｆｕn（ａ,b){ aleｒt(a＊ｂ）;//接受两个参数,输出积}调用:fuｎ(10,20）系统方法eval();将字符串进行计算iｓNａN（);是数字为ｆalsｅ，不是数字为tｒｕｅ,约束paｒseＩnt();pａrｓeFloat(）;核心对象：Strinｇ,Maｔh,DateSｔriｎｇ:1、vars="hello"vars2＝ｎewString("hｅllo");2、属性ｌenｇth长度3、方法s.ｆontcolor("blue＂)//字体颜色s.toUppｅrＣase(）;//大写ｓ.ｃｈarAｔ(位置);//求某个位置上的字母,下标从0s.iｎdeｘOf(字母）；/／求某字母的位置s.substrinｇ(始,终)/／[始,终）截取从始位置到终位置s.suｂｓtr(始,长度)／／截取Matｈ:所有方法都是sｔaｔiｃ类名.方法名（)抽奖例<h1iｄ="jｐ＂>按抽奖按开始</ｈ１＞vａrarr=ｎewAｒｒay(＂纸巾"，"谢谢＂,"彩电","玩具车＂,"宝马");／/数组vari＝paｒseＩｎｔ(Maｔh.rａndom()*5)；／/随机数0-－１,乘5,表达0－－5(不涉及5)，转整数作下标 jp.ｉnnｅrHＴML=ａrｒ[i];／/设立名为jp的标记中间的内容为arｒ[i]Dａte:1、产生对象vard=nｅwＤate()；系统时间vard2=newＤaｔe("２023/03／２７"）;2、ｔｏLoｃaleString（)以本地格式显示时间ｇet系列获得set系统设立注：geｔDay（）获得星期０--6，0表星期天ｇｅｔMonth()获得月0--11动态显示时间<sｃriptlanguａge="jaｖａscripｔ"＞fuｎctiｏnfｕnon(){vard=neｗDate();vａｒx=neｗAｒraｙ("日","一","二＂，"三",＂四"，"五","六");ｔ.innerHＴML＝ｄ.toＬocaleＳｔrｉnｇ(）+＂星期＂+x[d.gｅtDａｙ()]；ﻩ//ｘ[d．geｔDａy()］以星期为下标,读中文星期ｓetTiｍｅｏut("fｕn()",1000);/／隔1000毫秒(１秒）,重新调用自己(递归调用）｝ </scｒipt＞<bodyｏｎloａｄ="fun()">＜h1id="t"><／h１>一、事件onCｌｉcｋ单击oｎＤoｕｂleClｉck双击oｎｍousｅＯｖer悬停onmoｕsｅOｕｔ鼠标离开onmousｅDowｎonmｏｕｓｅUpｏnｆｏcus获得焦点oｎblｕr失去焦点oncｈange假如文本框的内容改变onload加载(网页打开时）浏览对象wiｎdｏw窗口hｉstory历史docｕｍeｎt文档(网页）locａtiｏn地址栏form表单link超链接一、访问１、普通标记<h１ｉd＝＂abc"＞我是H1标记＜/h１>a.abｃ.ｉnnｅrＨTMＬb．winｄow.ｄｏcuｍｅnt.gｅtElementＢyId("ａbc")．ｉnnerHＴML;c.window省略，doｃument.get..．.d.docｕｍenｔ.all["ａbc＂].innｅrHTML;２、表单元素<forｍnaｍe=＂fｏrm1"＞<inｐuｔｔype="teｘt"name="txt"vaｌuｅ="文本框中值"></foｒm>a.表单名.表单元素名.vaｌｕefｏrｍ１.txt.value;b.wｉndow.ｄocｕmeｎt.fｏrm1.ｔxt.valｕe二、windｏw对象ｓｃreeｎ:屏幕对象status:状态栏对象方法:oｐｅn()oｐen(＂要弹出网页"，"别名","属性");例:window．open("1．ｈtｍｌ",＂","wｉdth=200px,ｓtatus=1"）；弹出1．htｍl,宽度为20０ｐx,有状态栏。０没有,1有ｃlｏｓe（)关闭窗口window.opｅner=ｎｕlｌ;//去掉提醒框;假如创建者为null,在IＥ6中可直接关闭,不需要弹出是否关ｗiｎdow．cloｓe（);//关闭当前窗口三、doｃｕmｅnt属性：bgCoｌｏr背景色fgＣｏloｒ前景色liｎkCｏlor超链接颜色URL获取当前页面的UＲL或跳转到另一个ＵRL四、ｈistoｒy历史方法:bａck（)；相称于后退按钮ｆorwarｄ（);相称于前进按钮ｇo();go(-２）后退两页,ｇo(２）前进两页五、ｌocaｔion地址属性:hｒef：功能与docuｍent．URL相同方法:ａssｉgn（＂ｕrｌ");功能与location.hｒｅf相同reloａd();刷新reｐlａce("url");替换当前网页,无历史记录，不可后退知识点:文本框:属性:reａdonlｙ只读,不能修改方法:focus（）获得焦点seｌect（)选中框中内容单复选框:习惯同组的名字同样,ｖalｕe不同样属性:ｃhecｋｅd是否被选中下拉列表属性:ｖalue选中项的值ｏpｔions所有的选项selecteｄＩndex选中项的下标lｅngth选项的个数环节：１、打开ｅclipｓe2、新建工程:filｅ-->nｅw-->pｒｏject-－>ｗebpｒoｊect->next－-->ｐroｊｅcｔnａme(工程名)／loｃaｔioｎ(保存位置，一般不动)-->fiｎiｓh３、右击工程名-－＞new-->othｅr－->HTMＬ(第一个）->ｎexｔ->ｆｉleｎａme（网页名)注：网页默认保存在wｅbroot文献夹中４、右击工程名--－>ｎｅw－-－>ｃlａsｓ(数据操作类)-->ｐackagｅ(包名)／name（类名)注:类默认在src中5、右击工程名-->new－->ＪSP--＞ｆｉlｅname(ＪSP网页的名称)注:保存在webroｏt文献夹中重要代码：JＳP第一行:<%@ｐagelanguagｅ＝"jaｖa"iｍｐort＝"java．ｕｔiｌ．*"pageEncoｄｉng＝"ＩＳO－８８５9-1"%>中的iｍpoｒt表导包,改为impｏrｔ＝"ｊａva.utiｌ.*,dao．ＤataOp"pageＥｎcodｉng编码方式：改ISO－8８59-1为GBK主体部分＜body><%/／加了<%..%＞中可写java代码//取值Stringn=requeｓt.gｅｔParamｅter("ｔxｔName＂);ｉntc＝Ｉnteｇｅr.parseIｎｔ(ｒｅqｕest.ｇｅtPａrameter("txtＣls")）;／/产生数据库操作对象 DataOpd＝nｅｗDａtaOp();booleanb＝ｄ．update("inserｔiｎtｏ...");//显示结果 if（b==true)ﻩ{oｕｔ.print(＂<ｈ１>注册成功</ｈ1>＂)；//在网页输出ﻩﻩ} eｌｓｅ {out．print("<ｈ1>注册失败</h1>＂）;ﻩ｝ %></body>6、在HＴML注册页<forｍaction＝"Ｏｋ.jsp＂>为表单添加提交的页面7、为工程添加服务器工具栏(8个)-->选择工程名－-＞aｄd--＞toｍcat5(服务器）8、启动服务器(发布)工具栏（9个)见到ｍs结尾表成功9、打到浏览器(IE）输入hｔtp:／／ｌocalhosｔ:808０/工程名正则表达式vａrreg=／规则/;varb＝reｇ.teｓt("要验证的字符串"）;注:b为trｕe表符合规定,fａlse为不符合特殊符号 ；表空格&lｔ；表小于号>表大于号例:假如想在网页上显示＜br>,必须写&ｌt；br>；否则会被认为是标记样式表一、语法（规则）选择器｛属性:值;属性２：值2...}1、p{ｃｏlor:red}//所有<ｐ>标记的字变成红色2、.cls1{coｌor:rｅd}//类选择器,clａss="类名"进行调用3、＃id1｛ｃolｏr:red}/／IＤ选择器,iｄ＝"id名"进行调用,一般只调用一次4、ａ:link{color:reｄ｝//超链接未访问前的颜色ａ：hovｅr{}悬停在超链接上a:acｔive{｝活动的超链接，指鼠标按下时a:visited{｝访问后的超链接伪类选择器5、空格表达并且(双重约束).abca:hover{coloｒ：red｝仅对调用了class=＂aｂｃ＂的标ﻩﻩ 记内的超链接悬停有效．cｌｓ1p｛coｌｏr:ｒｅd｝只用于调用了class=＂cls1"的<p>标记6、逗号表或者ｈ１，p｛coｌor:red｝h1或p标记都可以使用二、滤镜(特效)语法：ｓtｙle="filtｅr:选项（属性名=值,属性名２＝值）"1、透明alｐha<ｉmgstyle="fiｌter:alpha(opacｉty=透明度,stｙle=样式）">ｏpaｃiｔy透明度１--１0０,数字越大，越不透明style:1从右往左2环圆状3方状透明２、投影：DｒopShａdowｓtyle="filｔｅr:ｄrｏpsｈadow(colｏr=投影颜色,ｏffx＝x偏移量,offy=ｙ偏移量)"３、水平翻转flipH垂直翻转flipVstyle="fｉlteｒ：ｆlipＨ"

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论