文章分类 -  Web前端

1 2 下一页
【学习笔记】Html:列表应用及区别
摘要:俺一直以来乱用列表,今天总结一下。Html最常见的列表是ol(order list,有序列表)和ul(unorder list,无序列表,也称项目列表),除此之外还有dl(defined list,自定义列表),下面依次介绍。1. 有序列表ol:有序列表ol的type属性决定了列表项序号的样式,取值有:1(默认值,数字)、a(小写英文字母)、A(大写英文字母)、i(消息罗马数字)、I(大学罗马数字)。eg:<ol><li style=“a”>有序列表内容1</li><li style=“A”>有序列表内容2</li> <li&g 阅读全文
posted @ 2013-02-28 19:51 又见雪落 阅读(362) 评论(0) 推荐(0)
【学习笔记】Web技术常用图片特点及使用
摘要:一、图片特性介绍1. JPG JPG是JointPhotographicExpertsGroup(联合图像专家组)的缩写。有损压缩,会造成图像画面失真,不过压缩之后的体积很小,而且还比较清晰。所以比较适合在网页中应用。此格式适合用于摄影或者连续色调的高级格式,因为JPG文件可以包含数百万种颜色。随着JPG文件质量的提高,文件的大小和下载时间也会随之增加。通常可以通过压缩JPG文件在图像质量和文件大小之间达到良好的平衡。制作软件有:Photoshop、HyperSnape等。2.GIF网页中使用最广泛最普遍的图像格式。 GIF是GraphicsInterchangeFormat(图像交换格式)的 阅读全文
posted @ 2013-02-28 19:49 又见雪落 阅读(313) 评论(0) 推荐(0)
【学习笔记】CSS:position 属性
摘要:一、定义和用法:position属性规定元素的定位类型。二、属性值1)relative:生成相对定位的元素,相对于正常位置进行定位。2)absolute:生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。3)fixed:生成固定定位的元素,相对于浏览器窗口定位。4)static:默认值。没有定位,元素出现在正常流中。忽略top、bottom、left、right或z-index声明。5)inherit:从父元素继承position属性值。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。三、说明1)任何 阅读全文
posted @ 2013-02-28 19:48 又见雪落 阅读(88) 评论(0) 推荐(0)
【学习笔记】CSS:滤镜、背景默认值
摘要:1.IE支持的滤镜{filter:alpha(enabled=true/false,opacity=0~100,finishopacity=0~100,class=0/1/2/3,startX=0~100,startY=0~100,finishX=0~100,finishY=0~100);}2.背景相关默认值background-color:transparent(继承,透明,显示上级元素的背景色),background-image:none;background-repeat:no-repeat;background-positaion:0%0%(可以有负值);background-atta 阅读全文
posted @ 2013-02-28 10:14 又见雪落 阅读(92) 评论(0) 推荐(0)
【学习笔记】JavaScript:注释以及变量声明
摘要:1.w3c全称是“WorldWideWebConsortium”,即万维网联盟。2.JavaScript插入到HTML中的标签是<script></script>。JS引用有type="text/javascript"和language="Javascript"两种写法,但language这个属性在W3C的HTML标准中,已不再推荐使用,以后将被推广的是type这种写法。3.JavaScript是解释型语言,在编译时不需要进行预编译,也是一种基于对象的脚本语言。不可以用来编写独立运行的应用程序。4.当页面载入时,会执行位于body 阅读全文
posted @ 2013-02-28 10:13 又见雪落 阅读(110) 评论(0) 推荐(0)
【学习笔记】JavaScript:全等比较
摘要:1.比较运算“==“和“===”给定x=5,则x==5为true,x===5为true,x==="5"为false。"==="是全等比较,包含数据类型和值的比较。2.条件运算符var=(condition)?value1:value2;如果条件成立,则向变量var赋值"value1",否则赋值"value2"。3.vard=newDate();//创建时间对象vartime=d.getHours();//获取时间里的小时数vartheDay=d.getDay();//获取时间里的星期数,0-6,周日为04.Math 阅读全文
posted @ 2013-02-28 10:11 又见雪落 阅读(102) 评论(0) 推荐(0)
【学习笔记】JavaScript:算数运算符和赋值运算符
摘要:1.算术运算符用于执行变量与/或值之间的算术运算。给定y=5,下面的表格解释了这些算术运算符:运算符描述例子结果+加x=y+2x=7,y=5-减x=y-2x=3,y=5*乘x=y*2x=10,y=5/除x=y/2x=2.5,y=5%求余数(保留整数)x=y%2x=1,y=5++累加x=++yx=6,y=6--递减x=--yx=4,y=42.赋值运算符用于给JavaScript变量赋值。给定x=10和y=5,下面的表格解释了赋值运算符:运算符例子等价于结果=x=yx=5,y=5+=x+=yx=x+yx=15,y=5-=x-=yx=x-yx=5,y=5*=x*=yx=x*yx=50,y=5/=x/ 阅读全文
posted @ 2013-02-28 10:11 又见雪落 阅读(116) 评论(0) 推荐(0)
【学习笔记】JavaScript:Switch 语句
摘要:语法:switch(n){case1:执行代码块1breakcase2:执行代码块2breakdefault:如果n即不是1也不是2,则执行此代码块。}说明:switch后面的(n)可以是表达式,也可以(并通常)是变量。然后表达式中的值会与case中的数字作比较,如果与某个case相匹配,那么其后的代码就会被执行。break的作用是防止代码自动执行到下一行。 阅读全文
posted @ 2013-02-28 10:10 又见雪落 阅读(110) 评论(0) 推荐(0)
【学习笔记】JavaScript:三种消息框:警告框、确认框、提示框
摘要:1.警告框:常用语确保用户可以得到某些信息,当警告框出现后,用户需要点击确定按钮才能继续操作。语法:alert("文本")例子:alert("我是警告框!!")alert("再次向您问好!在这里,我们向您演示"+'\n'+"如何向警告框添加折行。")2.确认框:用户用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续操作。点击确定按钮的返回值为“1”,点击取消按钮的返回值为“0”.语法:confirm("文本")例子:functionshow_con 阅读全文
posted @ 2013-02-28 10:09 又见雪落 阅读(243) 评论(0) 推荐(0)
【学习笔记】JavaScript:函数
摘要:1.函数常定在页面的起始位置,即head部分。将JS语句写入函数,可防止其在载入时被执行。2.带有参数和返回值的函数的调用方法:<scripttype="text/javascript">functionparametric(txt){alert(txt);}functionproduct(a,b){returna*b;}</script><form><inputtype="button"onclick="parametric('早安!')"value="在早晨&qu 阅读全文
posted @ 2013-02-28 10:08 又见雪落 阅读(99) 评论(0) 推荐(0)
【学习笔记】JavaScript:document.write()和document.writeln()的用法与区别
摘要:1.documendocument.write()和document.writeln都是JavaScript向客户端写入的方法。2.document.write()//当前编辑位置为写入的内容的后一个字符。document.writeln()//添加一个换行符,当前编辑位置为写入的内容的后一行的起2.writeln是以行方式输出的,一般情况下用两种方法输出的效果在页面上是没有区别的,两种方法仅当在查看源代码时才看得出区别,除非是输出到pre或xmp元素内。例:<script>with(window.open()){document.write("百度")docu 阅读全文
posted @ 2013-02-28 10:07 又见雪落 阅读(1027) 评论(0) 推荐(0)
【学习笔记】JavaScript:循环Loop
摘要:1.For循环语法:for(变量=开始值;变量<=结束值;变量=变量+步进值){需执行的代码}注释:步进值可以为负。如果步进值为负,需要调整for声明中的比较运算符。例子:<scripttype="text/javascript">for(i=1;i<=6;i++){document.write("<h"+i+">这是标题"+i);document.write("</h"+i+">");}</script>2.While循环语法:whi 阅读全文
posted @ 2013-02-28 10:06 又见雪落 阅读(972) 评论(0) 推荐(0)
【学习笔记】Html:基本结构
摘要:1.html对大小写不敏感。2.<meathttp-equiv="Content-Type"content="text/html;charset=gb2312">carset用于设置编码语系,简体中文"gb2312",繁体中文"big5",纯英文"iso-8859-1"。3.bgcolor设置背景颜色;background设置背景图片,会平铺填充整个标签;4.六级标题h1-h6,由大到小。5.<fontsize="+2/-1"color="red& 阅读全文
posted @ 2013-02-28 10:05 又见雪落 阅读(82) 评论(0) 推荐(0)
【学习笔记】Html:图片标签img中属性alt与title的区别
摘要:图片标签img中alt与title的区别的示例代码:<imgsrc="0.jpg""title="title正确图片"height="100"width="100"><imgsrc="0.jpg"alt="alt正确图片"height="100"width="100"><imgsrc="1.jpg"title="title错误图片"height=" 阅读全文
posted @ 2013-02-28 10:04 又见雪落 阅读(379) 评论(0) 推荐(0)
【学习笔记】JavaScript:事件
摘要:事件是可以被JavaScript侦测到的行为。事件常与函数配合使用,当事件发生时,函数才会被执行。JS事件列表如下:注:onload常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。onload和onunloa事件也常被用来处理用户进入或离开页面时所创建的cookies。onfocus、onblur、onchange事件通常相互配合用来验证表单。onsubmit用于在提交表单前验证所有的表单域。 阅读全文
posted @ 2013-02-28 10:03 又见雪落 阅读(83) 评论(0) 推荐(0)
【学习笔记】JavaScript:错误捕获
摘要:两种在网页中捕获错误的方法为:1)try...catch语句。在IE5+、Mozilla1.0、Netscape6中可用。语法:try{//在此运行代码}catch(err){//在此处理错误}例子:<scripttype="text/javascript">vartxt=""functionmessage(){try{adddlert("Welcomeguest!")}catch(err){txt="本页中存在错误。\n\n";txt+="错误描述:"+err.descriptio 阅读全文
posted @ 2013-02-28 10:02 又见雪落 阅读(237) 评论(0) 推荐(0)
【学习笔记】JavaScript:Throw
摘要:1.throw声明的作用是创建exception(异常)。你可以把这个声明与try...catch声明配合使用,以达到控制程序流并产生精确错误消息的目的。2.语法:throw(exception),exception可以是字符串、整数、逻辑值或对像。3.例子:<scripttype="text/javascript">varx=prompt("Enteranumberbetween0and10:","")try{if(x>10)throw"Err1"elseif(x<0)throw" 阅读全文
posted @ 2013-02-28 10:01 又见雪落 阅读(162) 评论(0) 推荐(0)
【学习笔记】JavaScript:特殊字符
摘要:在JavaScript中,使用反斜杠"\"来向文本字符串添加特殊字符,具体见下表: 阅读全文
posted @ 2013-02-28 10:00 又见雪落 阅读(55) 评论(0) 推荐(0)
【学习笔记】Html:图像相对于周围文本的对齐方式
摘要:图像相对于周围文字的对齐方式由属性align控制,属性住如下,top:图片顶端和当前行文字顶端对齐;middle:图片的中部和当前行文字的中部对齐;bottom:图片的底部和当前行文字的底部对齐;left:图片左对齐;right:图片右对齐。 阅读全文
posted @ 2013-02-28 09:59 又见雪落 阅读(504) 评论(0) 推荐(0)
【学习笔记】Html:<A>标签的使用
摘要:1.命名锚记也称为锚记,<a>的name属性同于创建锚记。例:<ahref="#help">[新手上路]</a><aname="help">新人上路指南</a>2.将电子邮箱的添加为链接的格式是:<ahref=mailto:shanghai.yy.2015@163.com>点击给我发邮件</a> 阅读全文
posted @ 2013-02-28 09:58 又见雪落 阅读(58) 评论(0) 推荐(0)

1 2 下一页