- 博客(34)
- 收藏
- 关注
RSS订阅原创 08.js.for循环
for循环for(定义变量；条件表达式；自增自减{ 循环的代码 } 解析顺序：首先定义变量如果条件表达式结果为true的时候，执行for循环里的代码，如果为false,循环的代码终止执行。先执行变量和条件表达式循环一次，再执行自增自减。案例： 1.将1-10的数字打印到控制台for(var n1=1;n<=10;n1++){ consile.log(n1);}2.在页面中打
2017-08-25 16:32:18
211
原创 10.js.数组和函数
给整个组里的变量赋值1.用new方法来创建一个数组：var ary1=new Array(); 2.直接创建一个数组：var ary1=[]; 直接创建一个数组ary1[0]=12;ary1[1]=23;ary1[2]="中国人";alert(ary1); 结果是1223中国人3.数组的初始化创建数组：var ary1=[12,23,"中国人"];alert(ar
2017-08-25 16:27:39
179
原创 09.js.break，continue语句
breakbreak 跳出当前循环体，结束循环,在循环体内，只要代码遇到break,程序立马结束当前循环。当前循环指的是break语句所在的循环体。 案例： 将1-10之间2的倍数输出到控制台for(var i=1; i<=10; i++){ if(i%2==0){ console.log(i); break;}2.找到1-100之间的质数var
2017-08-25 16:26:54
175
原创 08.js.while循环
while循环while循环重复执行一段代码，直到某个条件不再满足。 结构： while（条件表达式）{ 只要条件表达式结果为true,循环一直执行，当条件表达式结果为false的时候，循环终止 } ☆条件表达式即为判断表达式 案例： 将1-10打印到控制台var n1=1;while(n1>=1 && n1<=10){ n1满足条件 console.
2017-08-25 16:26:19
255
原创 07.js.Switch语句，自增自减运算
Switch语句Switch也为判断类型的语句。 语法： Switch(变量）{ case1: 如果变量和1的值相同，执行该处代码 break; 阻止代码向下进行 case2: 如果变量和2的值相同，执行该处代码 break; case3: 如果变量和3的值相同，执行该处代码 break;
2017-08-25 16:25:33
438
原创 06.js.代码调试
代码逻辑调试 1.先让程序在浏览器中运行一边2.f12 打开代码调试工具—— 找到sources3.设定调试开始点 4.刷新页面5.找到一步步调试，每点击一次，执行一步 6.添加变量或者表达式到监视窗口。 选择变量或表达式右键add to watch. 7.监视窗口
2017-08-25 16:24:45
147
原创 05.js.三元表达式
语法： 表达式？结果1：结果2； if…else的另外一种写法。 一个表达式，如果结果为true,结果为(“”)： 如果结果为false,结果为(“”)； 案例： 1:接收用户输入的数字，如果是偶数在页面中提示该数字为偶数，如果是奇数那么提示该数字为奇数var n1=prompt("请输入数字");n1%2==0?alert("偶数"):alert("奇数");2:写一个程序接收用户输
2017-08-25 16:22:30
207
原创 04.js,if...else条件判断
写法： If(条件表达式）{ 如果条件表达式结果为true，执行此处代码，如果条件表达式结果为false,则执行下面代码。alert(“”); }else{ 如果条件表达式结果为false,则执行此处代码。alert(“”); } 案例： 1.接收用户输入的信息，如果年纪大于30，弹出“完蛋了”，如果年纪小于30，弹出“年轻有为”。var n1=prompt("请输入年
2017-08-25 16:21:48
567
原创 03.js数据类型之间的转换与运算
1. 数字类型转字符串写法：String(变量)<script type="text/javascript"> var n1=23; var n2=12.36; var n3=String(n1); n1为变量</script>变量.tostring()<script type="text/javascript"> var n1=23; var n2=1
2017-08-25 16:20:38
173
原创 02.jsdate和Math函数
date日期写法<script type="text/javascript">var mydate=new Date(); 通过new的方法创建新的日期对象。alert（Date()); 创建（返回）一个完整的日期时间alert(mydate.getDay()); 创建（返回）当前是周几的数据alert(mydate.getMonth()+1);
2017-08-25 16:19:55
188
原创 01.JS基础基本特点
JS介绍：js是一款运行在网页，与客户进行交互的网页编程语言。01.JS组成部分：ecmascript js标准dom 通过js调用网页元素bom 通过api(接口）操作浏览器02.特点：简单易用解释执行：直接在浏览器中就可操作解释。 编译执行：JAVA C#等语言电脑无法读取，需要
2017-08-25 16:18:16
676
原创 13.属性选择器、emment快捷键
属性定义的标签选择器[ ]<head> <style type="text/css"> input[type=text][class]{ width:300px; height:300px; background:red; } </style></head><body>
2017-08-24 19:05:23
248
原创 13.css精灵图
1.css精灵图：处理网页背景图像的方式。将所有零散的小图集中到一张大图中，然后将大图应用到网页，这时只需向服务器发送一次请求即可。 2.定位到精灵图中具体某个小图的位置使用:background-images、background-repeat、background-position属性来进行背景图像定位。 ※x,y为距左上边框顶部的距离<head> <style type="te
2017-08-24 18:18:36
265
原创 12.css可见性、内容移出
css可见性overflow:hidden; 溢出隐藏，内容超过盒子后元素隐藏； visibility:hidden;隐藏元素 ，隐藏之后还占据原来的位置。 display:none;隐藏元素：隐藏之后不占据原来的位置。 display:block;元素可见 display:none;和display:block 常配合js使用。css内容移出（网页优化）当超链接中需要内容，以便搜索引擎
2017-08-24 18:07:06
183
原创 11.标签包含规范、规避脱标流、图片文字垂直居中
标签包含规范：div可以包含所有标签。p标签不能包含div 、h1等标签。h1可以包含p,div 等标签。行内元素尽量包含行内元素，不能包含块元素。规避脱标流 1. 尽量使用标准流。 2. 标准流解决不了的使用浮动。 3. 浮动解决不了的使用定位。 4. 使用margin-left:auto规避脱标 ※ 盒子设置左外边距为auto,将盒子左侧充满，冲到右边margin-
2017-08-24 16:46:07
331
原创 11.定位
定位方向：left | right | top | bottom静态定位:position:static;为定位的默认值，就是文档流<head> <style type="text/css"> .box{ width:100px; height:100px; background:r
2017-08-23 16:38:04
254
原创 10.css初始化
css初始化腾讯： body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px”宋体”,”Arial Narrow”,HELVETICA;background:#fff;-webkit-text-size-adju
2017-08-23 16:28:57
150
原创 8.fireworks
快捷键 快捷键 解释 ctrl+r 导入 ctrl+alt+r 标尺 chrl+n 新建 ctro+o 打开 视图-辅助线-清除辅助线 清除辅助线 z 放大镜 alt+鼠标左键 在放大镜的状态下缩小 空格 抓手工具测量距离：先拉出两根辅助线—切换到指针工具—将光标放到两个辅助线之间，按住shift键
2017-08-22 15:17:37
454
原创 7.行高、边框、边距
行高1.浏览器默认文字大小：16px , 默认行高为18px 2.行高为基线与基线的距离 3.行高=文字高度+上下边距 ※一行文字行高和父元素高度一致的时候，文字垂直居中显示。<head> <style type="text/css"> a{ display:inline-block; width:120px;
2017-08-19 16:40:36
709
原创 6.背景属性
background-color 背景颜色background-image 背景图片background-image：url("1.png");背景平铺background-repeat:repeat默认平铺 |no-repeat不平铺 |repeat-x水平方向平铺，垂直不平铺 |repeat-y 垂直方向平铺background-position left | righ
2017-08-19 15:28:23
244
原创 5.链接伪类
链接伪类：a标签的状态值 a：link{属性：值；} 和 a{属性：值；}效果相同1.链接状态样式表 写法 解释 a:link{属性：值；} 链接默认状态 a:visited{属性：值；} 链接访问之后显示的状态 a:hover{属性：值；} 鼠标放到经过链接上显示的状态 a:active{属性:值；} 链接激活的状态（鼠标放在链接上不松手时的状态）
2017-08-19 15:08:36
248
原创 4.css三大特性
1.层叠性定义：当多个样式给同一个（同一类）标签时，样式发生冲突时，按照浏览器解析顺序从上到下决定，总是执行后边代码（后边代码层叠前面代码）。<head> <style type="text/css"> .box2{ font-size:200px; color:blue; } .box{
2017-08-19 11:59:42
226
原创 3.css样式书写位置，标签分类
css书写位置1.内嵌式css样式写在html文件head内。<head> <style type="text/css"> 样式表内容 </style></head>※特点：样式只作用于当前文件，没有真正实现结构表现分离。2.外链式写法css样式为单独的文件，然后html文件链接到此css文件。<head> <link rel="stylesheet" hre
2017-08-19 11:06:57
1725
原创 2.文本元素
文字属性 写法 解释 font-size：16px; 文字大小 font-weight:700; 值从100-900，700开始有效果，不推荐使用bound 文字粗细 font-family:微软雅黑; 文本字体类型 font-style:normal , italic; 文本风格：normal:正常，默认值，italic:斜体 line-height:4
2017-08-18 18:30:15
203
原创 1.css介绍及选择器
css概念：控制标签样式，美化html标签选择器1.概念：选择器是一个选择某个标签的过程，给标签定义样式。 2.写法：选择器{属性：值；} 属性 解释 width:20px; 宽 height:20px; 高 background-color:red; 背景颜色 font-size:24px; 文字大小 text-align:left center rig
2017-08-18 10:19:52
189
原创 07.表单
1.表单的作用：收集网页的信息 2.表单组成： 提示信息 表单控件 表单域： 表单：<form></form><form action="1.php" method="post"> 用户名：<input type="text" maxlength="6" readonly="readonly disabled="disabled" name="username
2017-08-17 17:46:16
221
原创 6.表格
1.表格：用来展示数据。<body> <table> 表格 <tr> 行 <td></td> 列 <td></td> 列 <td></td> 列 </tr> <tr> 行 <td></td> 列
2017-08-17 17:19:47
313
原创 5.meta标签和link标签
1.XHTML的标签结构写法： html：xt+tab 过度型 html:xs+tab 严格型，相对过度型，对代码的准确度要求更严格2.html5的标签结构的写法：!+tab3.mate标签(单标签)（1）charset:编码 ——gb2312： 简单中文 ——GBK：包含全部中文字符 繁体 ——BIG5： 繁体中文 ——UTF-8：则包含全世界所有国家需要
2017-08-17 15:30:12
275
原创 4.锚点链接,空链，列表
另存为：ctrl+shift+s 锚点：设定一个链接，点击此链接回到网页的某个位置。 1.先在想要回到的位置定义一个锚点。 2.设置一个超链接，链接到锚点。<p id="nav">新闻事件新闻事件新闻事件></p><p>新闻事件新闻事件新闻事件></p><p>新闻事件新闻事件新闻事件></p><p>新闻事件新闻事件新闻事件></p><a href="#nav">回到顶部</a>空链:不知
2017-08-17 13:39:22
302
原创 csdn表格
students表 name age sex class zhangsan 16 man class-one lisi 17 man class-one hanmeimei 18 female class-one
2017-08-17 10:04:28
429
1
原创 3.单标签，双标签，路径
1.设置默认浏览器： chrome浏览器右上角设置-设置默认浏览器2.标签 单标签注释标签：ctrl+/换行标签：< br/>水平线标签：< hr/>图片标签：< img> 属性：src-图片来源 alt-替换文本：当图片不显示时，会显示替换文本 title-提示文本：当鼠标放到图片时显示提示文本 width-height：宽高，当不设置宽高时，图片为图片本身宽高，当只设置
2017-08-17 09:19:20
269
原创 2.html结构和sublime快捷键
html1.定义： 超文本标记语言 hyper text markup language 超文本：超链接（实现页面的跳转的链接）。 标记：标签。把内容用一定的标签给标记出来。2.Html结构标准：<!doctype html> 声明文档类型，浏览器中渲染内核来解析代码。<html>
2017-08-16 17:28:50
740
原创 1.前端基础介绍
快捷键：ctrl+r:打开运行 1.网页组成：由文字、图片、输入框、视频、音频、超链接等元素组成。2.web三大标准： 由W3c组织（即万维网联盟）规定 1.html 结构标准 2.css 表现标准 3.js 行为标准3.浏览器内核 渲染引擎： 是兼容性问题出现的根本原因。4.服务器 iis ：web服务器（软
2017-08-16 16:50:17
224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人