- 博客(36)
- 收藏
- 关注
RSS订阅原创 <Js>修改样式
document.getElementById("ao"+"\n").style.color="green";document.getElementById("ao"+"\n").style.fontsize="50px";document.getElementById("ao"+"\n").style.width="20px";点击修改:<h1 id="ao">什么？</h1><input t
2016-05-31 19:06:49
239
原创 <Js>html应用
时间：document.write(Date());内容改变：<body><h2 id="ao">你好</h2> <script>tep =document.getElementById("ao"+"\n");tep.innerHTML="大家好！"; </script></body>图片修改：<img id="im" src="2.jpg"> <script>
2016-05-31 18:38:24
183
原创 <Js>if...else
条件满足时： if(){ document.write(); }不满足A时，满足B： if(){ document.write(); } else{ }不满于A，再次执行B检测条件，再不满足，执行并检测C： if(){ document.write(
2016-05-22 17:25:27
178
原创 <Js>运算和运算符
<script> //全等于：===，如： var a = 1,b = 1; if(a === b){ document.write("a === b"); } // 左右不想等 != //-= // /= //%=
2016-05-22 17:20:38
235
原创 <Js>数据类型
//Number:数字 var num = new Number(1.568); document.write("num = "+num+"<br>"); var num1 = 20.1; document.write("num1 = "+num1+"<br>");//清空 num1 = null; document.write("num1 = "+nu
2016-05-20 17:09:02
269
原创 <JS>显示和基本操作
基本显示<body> <script> document.write("欢迎学习Js ~~~"); </script></body>输出<p id="a"></p><script> document.getElementById("a").innerHTML="你"; </script>改变body内内容<p id="a">随意的文字</p><butt
2016-05-19 18:26:59
212
原创 <css3>用户界面
appearance: normal 将元素呈现为常规元素。 icon 将元素呈现为图标（小图片）。 window 将元素呈现为视口。 button 将元素呈现为按钮。 menu 将元素呈现为一套供用户选择的选项。 field 将元素呈
2016-05-18 16:41:52
285
原创 <css3>column（多列）
column-count:1/auto 元素应该被分隔的列数column-fill:如何填充列 balance对列进行协调。浏览器应对列长度的差异进行最小化处理 auto按顺序对列进行填充，列长度会各有不同column-gap:1/normal 列间隔column-color/style/width：样式可参详out-line或border的样式 thin 纤细规
2016-05-18 16:26:49
762
原创 <css3>动画
<!--@keyframes XXX(动画名称)｛ form{top:0px} to{top:100px}或 0%{top:0px} 25%{top:0px} 75%{top:0px} 100%{top:0px}｝--><!--animation-name:none/XXX 动画名称--><!--animation-duration:1s 动画
2016-05-18 16:11:25
277
原创 <css3>过渡
<!--transition-property:过度名称 none没有属性会获得过渡效果 all所有属性都将获得过渡效果 width定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔--><!--transition-duration:0/2 过度时间--><!--transition-timing-function: 过渡效果的时间曲线 linear 规
2016-05-18 16:09:52
622
原创 <css>3D视图
<!--transform:matrix3d(1,2,3,1,1,2,3,1,1,2,3,1,1,2,3,1); 3D转换--> <!--translateZ(50); Z的转换--> <!--scaleZ(1) 设置 Z 轴的值来定义 3D 缩放转换--> <!--rotate3d(x,y,z,angle) 3Dx旋转--> <!--rotateX/Y/Z(x,y,
2016-05-18 16:09:07
249
原创 <css3>2D动画
-ms-(IE9) -moz- 火狐 -webkit- 萨法、谷歌 欧鹏不用前缀 transform:matrix(X,X,X,X,X,X)使用六个值的矩阵,转换 如： transform:matrix(2,2,3,4,5,1) -moz-transform:matrix(2,2,3,4,5,1) transform:tr
2016-05-17 16:11:45
257
原创 <css3>font
font-family:字体类型 url:字体文件的URL font-stretch：拉伸 normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-exp
2016-05-17 16:11:06
253
原创 <css3>text
<!--文本：标点字符是否位于线框之外--> hanging-punctuation:first(标点附着在首行开始边缘之外) last:(标点附着在首行结尾边缘之外) none:(不在文本整行的开头还是结尾的行框之外放置标签符号) punctuation-trim:none(不修剪开启或闭合标点符号) start:(修剪每行结尾的开启标点符号) end
2016-05-17 16:10:33
270
原创 <css3>background
<!--背景图像尺寸修改--> border-image<!--绘制区域--> border-clip:border-box/padding-box/content<!--背景图像区域--> border-origin:border-box/padding-box/content
2016-05-17 16:09:47
217
原创 <css3>border
border-radius变化情况: 注: 最大弯度为90px; <!--border-radius:0 0 0 0--> 第一↖ 第二↗ 第三↘ 第四↙ <!--border-radius:0 0 0 --> 第一↖ 第二↗↙
2016-05-15 17:34:07
296
原创 <html>表单属性
<!--autocomplete(自动完成)--> <form autocomplete="on/off"> <input autocomplete="on/off" /> </form> <!--autofocus(焦点)--> autofocus="autofocus" <!--form(输入域所属的一个或多个表单)--> f
2016-05-14 15:19:08
282
原创 <html>ul/ol、dl/dd/dt
<!--ol （有序）：--> <ol type="1/A/a/Ⅰ" <!--标记类型--> start="1"> <!--排序的起始数值（任意）--> compact="compact" <!--列表呈现的效果比正常情况更小巧(了解)--> ></ol> <!--ul（无序）：--> <u
2016-05-14 14:43:44
273
原创 <html>table、tr/td、thead、tbody、tfoot、col、colgroup
<table><!--tr相关属性：--> <tr bgcolor/align="char" <!--将内容对准指定字符--> valign="top/middle/bottom/baseline(与基线对齐)" <!--规定单元格内容的垂直排列方式。--> char=<!
2016-05-14 14:26:34
656
原创 <html>table、th
<table align/bgcolor/border/width cellpadding- 规定单元边沿与其内容之间的空白。 cellspacing- 规定单元格之间的空白。 summary =<!--表格的摘要--> fram = 外侧边框的哪个部分是可见的。 "void"
2016-05-13 19:28:48
511
原创 <html>img、map、area
<img src/alt/height/width/border align="top/left/right/middle/bottom" hspace="定义图像左、右的空白。" vspace="定义图像顶、底的空白。" ismap="将图像定义为服务器端图像映射。" longbesc="指向
2016-05-13 19:22:10
406
原创 <html>font/basefont、center、link、span
<span></span>:文档中的行内的小块或区域<center></center>：对文档进行水平居中<!--size -字体大小，face -字体风格--> <font size="100" face="微软雅黑" color="#00ffed">这是一个字体。</font> <basefont />：定义基准字体。具体使用规则和属性同font <!--<link />:定义资源引用
2016-05-13 19:08:12
844
原创 <html5>表单相关
<!--input:--> <input type="email" /> <input type="url" /> <input type="number" /> max min step(合法的数字间隔) value <input type="range" /><!--显示为滑动条-->
2016-05-12 16:09:37
243
原创 <html5>canvas和缓存
<canvas height="100px" width="100px"> <!--目前暂不牵扯 script的代码部分--> <!--绘图部分需要使用脚本才能显示具体效果。--> </canvas> <!--manifest(缓存):--> cache manifest -在此标题下列出的文件将在首次下载后进行缓存 network -在此标题下列出的文
2016-05-12 16:07:55
1056
原创 <html5>video和audio
video: audio: <!--目前暂不牵扯 script的代码部分--> <video src/height/width></video> <!--播放控件：controls--> <video controls=“controls” controls="controls"></video> <!--自动播放：autoplay--> <video a
2016-05-12 16:06:39
450
原创 <xhtml>简略描述
严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性：<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">过渡 DTD 包含严格 DTD 中的一切，外加那些不赞成使用的元素和属性##<!DOCTYPE html PUBLI
2016-05-12 14:42:34
207
原创 <html>消息状态
消息/描述100 Continue 服务器仅接收到部分请求，但是一旦服务器并没有拒绝该请求，客户端应该继续发送其余的请求。101 Switching Protocols 服务器转换协议：服务器将遵从客户的请求转换到另外一种协议。200 OK 请求成功（其后是对GET和POST请求的应答文档。）201 Created 请求被创建完成，同时新的资源被创建。202 Accepted 供处理的请
2016-05-11 15:42:09
360
原创 <html>全局属性
我的主页 A B C sdasdasd 语言代码详述：Abkhazian abAfar aaAfrikaans afAlbanian sqAmharic amArabic arArmenian hyAssamese asAymara ayAzerbaijani azBashkir baBasque euBeng
2016-05-09 16:32:56
1066
原创 <html>多媒体
视频支持的格式：.avi .wmv.mpg/.mpeg.mov.rm/.ram.swf/.flv.mp4声音支持的格式：.mid/.midi.rm/.ram.mp3/.mpga.wav.wma align="上下左右/baseline/texttop/absmiddle/absbottom" alt="applet的替换文本" name height/wi
2016-05-08 17:17:02
505
原创 <html>URL相关
语法： scheme://host.domain:port/path/filename、scheme - 定义因特网服务的类型。最常见的类型是 http、host - 定义域主机（http 的默认主机是 www）、domain - 定义因特网域名，比如 w3school.com.cn、:port - 定义主机上的端口号（http 的默认端口号是 80）、path - 定义服务器上的路径
2016-05-08 17:15:43
231
原创 <html>符号
如： 我 来 了 / < / <)--> > / > & / & " / " ' (IE不支持) / ' ¢ / ¢ £ £ ¥ / ¥ € / € § / § © / © ® / ® ™ / ™ × / × ÷ / ÷
2016-05-08 17:08:56
302
原创 <html>framest（框架）
</htm height="100" width="200px" marginheight="10px" marginwidth="100px" scrolling="auto/yes/no" > frameborder- 是否有边框线1/0; scrolling- 右侧拉条：yes-有，无- no，自动- auto;
2016-05-07 16:21:43
807
原创 <html>form（表单）
<form name="表单的名称" target action="指向目标的URL" accept-charset="UTF-8- Unicode 字符编码 ISO-8859-1- 拉丁字母表的字符编码 gb2312- 简体中文字符集" enctype="application/x-www-form-urlencoded
2016-05-06 16:33:00
863
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人