- 博客(22)
- 收藏
- 关注
RSS订阅原创 第七章 数组
数组js数组可以存放任何类数据类型书写方法//定义式var arr1 = new Array();var arr2 = new Array(3);//创建一个长度为3的数组var arr3 = new Array(1,2,3);//创建一个内容为1,2,3的数组//表达式var arr = [];//推荐写法数组是什么数据类型数组是object类型数组和类数组var arr[];ale
2017-10-23 23:17:49
327
原创 第六章 number 和string 常见的属性和方法
number方法：toFixed(param) ;保留纪委小数点 var num = 10; alert(10..toFixed(2));//10.00 alert(10[‘toFixed(2));//10.00 alert(10 .toFixed(2));//10.00 alert(num.toFixed(2));//10.00推荐 alert(10.toFi
2017-10-22 08:54:55
512
原创 第五章 定时器 +作用域
声明定时器var timer = setInterval(function{},1000);//每隔1000毫秒执行一次清除器定时器clearInterval(timer);JS的严格模式'use strict'采用js的严格模式 其中规定了命名规范以及语法限制全选 反选全选：check[i].checked = true;反选：check[i].checked = !check[i]
2017-10-16 23:14:22
324
原创 第四章 函数
函数在js中函数是“一等公民”函数是一个独立的作用域函数是一种数据类型，与其他类型一样；特殊在可以执行return 返回值function xq(){ var a = 1; alert(a);}//定义一个函数 弹出a的值xq();//执行这个函数 弹出1alert(xq());//弹出1和undefined任何一个函数 当没有定义返回值的时候 有个默认的返回值 un
2017-10-15 10:43:52
252
原创 第三章 循环 样式操作
循环for(var i=0;i<length;i++){ //相关业务}注意：for(var i =0;i<4;i++){ 该循环做的事情是 循环绑定事件 并没有弹出 liDoms[i].onclick = function(){ alert(i);//当点击时 i的值为最后一次循环的值 }}while(条件){ //相关业务 }do{
2017-10-11 22:05:19
259
原创 HTML CSS总结
transparent（透明的） css如何制作出三角形：盒子宽高为0 利用边框进行设置 border-top:10px soild transparent; border-right:10px solid red; border-bottom:10px solid transparent; border-left:10px solid transparent;p:nth-child(1)
2017-10-09 22:15:08
209
原创 第二章 运算符 if switch
运算符算数运算符 +; -; *; / ; %(取余);赋值运算符 =; +=;-=;*=;/=;%=; ++;–逻辑运算符 &&; ||; !比较运算符 <;>;==;===;<=;>=;!=位运算符 ^类型转换：强制类型转换转换为number类型 Number()方法 该方法的参数不能是非数字的 特殊：Number(true)为1 Number(false)为0 该方法可对b
2017-10-09 22:04:16
237
原创 第一章 变量 数据类型 常用获取元素的方式
语法构成 1. 区分大小写 所有变量 函数 属性都区分大小写 并且都是英文状态下的输入（半角） 2. 不能把关键字、保留字作为标识符（变量名、函数名、属性名） 3. 标识符由字母、数字、下划线_和美元符号$ 组成 ，不能以数字开头常见的关键字 常见的保留字 JS的执行顺序 - js中常见的两种调试方式 - alert（）弹框 - console.log() 控制台输出
2017-10-08 16:02:01
254
原创 第十三章 表格 框架
表格table的特征单元格默认平分表格的宽高th里面的内容默认加粗并且左右上下居中显示td里面的内容上下居中 左对齐table的大小由table决定table里面的单元格宽度会被转换成百分比表格里面的每一列必须由宽度表格同列同行会继承最大值th td没有margin属性框架框架集：frameset属性 rows分行 cols分列 noresize="nore
2017-10-08 09:08:03
222
原创 第十二章 表单元素
表单：<form action="" method=""></form> 表单元素：<input type=""/> type=”text”单行文本输入框 type=”password” 密码框 type=”radio”单选按钮 type=”checkbox”复选框 type=”file”文件域 type=”reset”重置按钮 type=”button”普通按钮
2017-10-07 16:25:49
274
原创 第十一章 img特征 vertical-align cursor opactiy
img特征支持宽高支持margin支持横排展示支持text-align（水平居中 在父级元素中设置 作用到子集）支持vertival-align（垂直方向居中 设置给本身 作用自己）vertical-align:垂直方向对其定义行内元素的基线 相对与该元素所在行的基线的垂直对齐inline inline-block img才具有 块级元素没有vertical-align的值： 1.
2017-10-07 16:12:14
403
原创 第十章 定位 层级关系
定位定义：参照参考物来改变自己的位置属性：position值： 1. static 默认定位 遵循文档流 2. fixed 固定定位 将元素固定在页面的指定位置 3. relative 相对定位 不使元素脱离文档流 参考位置是在页面第一次加载成功的位置 4. absolute 绝对定位 使元素脱硫文档流 配合相对定位使用 绝对定位的元素的位置相对于最近的已经定位的祖先元素 margi
2017-10-07 15:55:10
460
原创 第九章 浮动
定义：使元素脱离文档流 按照指定方向（左右）发生移动 遇到父级边界或者相邻浮动元素就停下来所有元素都可以设置浮动 所有浮动了的元素都是块级元素浮动的特殊情况：两个子集 一个添加了浮动 一个未添加浮动 添加了浮动的在上面 未添加的在下边浮动的元素只能影响后面的兄弟圆度 不能影响子集浮动的元素总体宽度超出父级袁术的宽度 则超出的部分被挤下来换行显示浮动对文字的影响: 浮动回事文字环绕浮动的危
2017-10-07 15:48:15
215
原创 第八章 优先级和css3
优先级选择器优先级：基本选择器：id>类名>标签名>*复杂选择器：id>class>tagNameid选择器个数不相等 id个数多的优先级高id选择器个数相等则看class个数，class个数相等 再看tagName个数以下两种选择器优先级一样 不分先后#warp ul li .list{}.warp ul li #list{}样式优先级：行内样式>内部样式>外部样式css3border
2017-10-07 15:40:31
250
原创 第七章 选择器高级 a伪类
高级选择器E,F群组选择器（最后一个选择器不能添加逗号）E F后代选择器（形成父子关系）E>F 子元素选择器E+F毗邻元素选择器（从某个指定元素开始 它后面的第一个元素）属性选择器div[class] 匹配有class属性的div元素div[id=”box1”] 匹配指定id属性和值的div元素a[class~=”btn1”]匹配指定class属性中等于或包含指定值的元素a[cla
2017-10-07 15:30:27
586
原创 第六章 字体font
文本样式修改color：文字颜色 值：英文单词 十六进制颜色值font-size：文字大小 值：px具体像素单位（尽量用偶数位的值） %取决于父级元素的字体大小 em 取决于自己使用字体大小 1em = 元素中文本的1个垂直高度 rem 取决于根元素的字体大小font-family:字体效果（用引号引起来）font-style:值
2017-10-07 14:41:19
248
原创 第五章 css选择器 背景
一、css选择器通配符选择器 *元素选择器 【标签关键字】div p span aid选择器 以id进行命名class选择器 以class进行命名后代选择器id和class之间的区别：命名方式不一样在样式中使用方式不一样 id-># class->.优先级不一样 id>class同名class值 一个页面可以出现多次 ；一个页面中id值不允许重复。二、背景backgroun
2017-10-07 14:16:39
277
原创 第四章 样式初始化 元素类型转换 外边距合并
一、样式初始化清除浏览器默认样式，以避免造成不必要的兼容性问题。body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;}ol,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;}img{border:none;}*{margin:0;padding:0}二、元素类型块级元素：单独占据一行，
2017-10-07 11:59:04
237
原创 第三章 样式 盒模型
一、css样式行内样式：style="width=300px;background:red"内部样式：<style type="text/css">多条css规则</style>外部样式：<link rel="stylesheet" type="text/css" href="css文件路径"/>三者优先级： 采取就近原则，相同属性不同值会被覆盖。 行内样式>内部样式>外部样式二、
2017-10-07 00:13:07
272
原创 第二章 img+列表标签
一、imgimg图片格式： - .jpg 最普通的图片格式 - .png 背景透明的图片，可以直接跟页面背景吻合 - .gif 动态图 类似小视频图片的几大要素： width：宽度（在修改宽度时，若高度不指定，那么高度会随宽度的变化而变化） height：高度（在修改高度时，若宽度不指定，那么宽度会随高度的变化而变化） src：图片加载的路径
2017-10-06 23:46:45
256
原创 第一章 初识HTML标签
初识HTML标签h1-h6：标题标签，字体、加粗、权重依次变小 。p：段落标签，单独占据一行，代表段落。pre：预格式文本，保留你所有的格式 按照源码的形式输出，如空格。em i :强调标签，效果是倾斜。【em 和 i有什么区别】s**trong b** :加粗标签，效果是加粗。【strong和 b有什么区别】span：用来组合内容的标签，没有任何视觉效果。sup sub：上下角标标签
2017-10-06 23:25:00
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人