![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习记录
文章平均质量分 64
灰头兔脸
这个作者很懒,什么都没留下…
展开
-
html写卡片
#card{ border: 8px outset black; width: 355px; height: 480px; background-image: url(../图片/芈月.png); margin: 0px auto; padding: 1px 1px; } #原创 2017-04-18 22:11:05 · 2643 阅读 · 0 评论 -
函数传参,参数类型
1.函数传参(函数传递参数)过程:传什么就接收什么,并且是一一对应的关系,参数可以多个。单个:两个或多个,以逗号隔开:2.参数=JS的数据类型(数字 字符串 函数 对象 布尔 未定义)可以多次执行,传不同的参:fn2('one');fn2('哈哈哈');function fn2(a){ alert(a.charAt(1)); //执行了两次,结果分别为n,哈}3.传函数1&...原创 2018-03-06 21:59:32 · 1333 阅读 · 0 评论 -
JS数据类型及相关操作
ECMAScript:核心,一种标准。typeof:判断数据类型。JS中的数据类型:Number(数字NaN) 字符串String(HTML中拿到的内容,类型都是字符串) 布尔boolean 函数 对象(obj、[数组]、{json}、null) 未定义undefinedNaN了解及应用实例:NaN:not a number 不是一个数字的数据类型一旦写程序时,出现...原创 2017-11-27 19:18:27 · 256 阅读 · 0 评论 -
带缩略图的图片切换
无标题文档ul,li,p{ margin:0px; padding:0px;}#list{position:absolute; bottom:35px; left:282px; }#max{width:712px; height:568px; margin:0 auto; background:url(../img/back.png); position:relative;}#word{原创 2017-11-03 09:03:14 · 298 阅读 · 0 评论 -
自动生成10个li(提高版)-四次切换
无标题文档li{width:50px; height:50px; background:red; color:#fff; font-size:18px; text-align:center; line-height:50px; position:absolute ; top:0px; left:0px; font-weight:bold;} window.onload = func原创 2017-10-16 10:13:13 · 585 阅读 · 0 评论 -
QQ列表展开收缩扩展(自定义属性,索引值练习)
无标题文档ul,h2{margin:0; padding:0;}li{list-style-type:none;}#list{margin:0 auto; border:#333 solid 1px; width:250px;}#list h2 {background: url(../img/ico1.gif) no-repeat 5px 14px #0C6; text-ind原创 2017-10-30 10:34:35 · 632 阅读 · 0 评论 -
for循环生成坐标—逢十换行/v字排列
逢十换行:无标题文档 div{width:50px;height:50px;background:#0C9;text-align:center;line-height:50px;color:#fff;font-size:18px;position:absolute;top:0px;left:0px;} window.onload = function(){ v原创 2017-10-10 09:14:53 · 1420 阅读 · 0 评论 -
this指向及应用
this:指的是调用当前方法(函数)的那个对象原创 2017-10-10 17:32:51 · 233 阅读 · 0 评论 -
HTML实现滚动条
overflow: scroll;这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll(默认值为visible),不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。eg:div {background-color:#00FFFF;width:100px;height:100px;over原创 2017-09-20 09:32:25 · 775 阅读 · 0 评论 -
什么时候用相对定位或绝对定位
要理解定位你要先理解文档流,在文档流中相对定位的元素占有位置,而且会影响后面的元素(块元素、行内块元素),比如两个div并排,另外一个会换行。111222而绝对定位就是把该元素从文档流中踢出,不会占用文档流的位置,也不会影响后面的元素。111222如上面的实例,111和222会重叠,审查元素你会发现222有实际位置,111没有位置。他是使用left,right,top,bo转载 2017-09-11 20:54:24 · 2147 阅读 · 0 评论 -
定位 浮动 透明度
定位:浮动原创 2017-09-11 09:06:59 · 206 阅读 · 0 评论 -
小白训练营结业作业
HTML: My Blog 文章 图片 音乐 视频 哪里有土,哪里有水,哪里就长着草。原创 2017-04-24 19:22:47 · 309 阅读 · 0 评论 -
简易的登录界面
登陆界面 body{ background-image: url(../图片/背景.jpg); } #main{ width: 280px; height: 360px; background-image: url(../图片/登陆背景.jpg);原创 2017-04-20 22:39:07 · 283 阅读 · 0 评论 -
用HTML写一首诗
用HTML写一首诗 #poem{ width: 300px; height: 200px; margin: 0 auto; text-align: center; color: green; font-size: 20px; } body{ background原创 2017-04-16 13:35:23 · 14191 阅读 · 1 评论 -
第一天学习_笔记
第一天——第一部分1>HTMLl基础知识:(1)HTML初步了解: % 它是一种描述网页的超文本标记语言 %标记语言是一套标记标签,它使用标记标签来描述网页(2)HTML标签 %格式: %成对出现 %eg:前者为开始标签,后者为结束标签(3)HTML文档=网页 %HTML 文档包含 HTML 标签和纯文本原创 2017-04-15 16:20:47 · 275 阅读 · 0 评论 -
卡片二【优化】
#lside{ border: 8px outset black ; border-radius: 10px; box-shadow: 5px 5px 2px gray; width: 355px; height: 480px; background-ima原创 2017-04-19 15:33:39 · 274 阅读 · 0 评论 -
JS使用[]或.来访问对象属性
属性是一个变量,用来表示一个对象的特征(height/width/color...);方法是一个函数,用来表示对象的操作。在JavaScript中,有两种方法访问对象的属性"."和"[ ]"。1、使用"." "[ ]"访问对象属性 1> "." oBtn.style.width 2> "[ ]"原创 2018-04-25 10:50:10 · 1551 阅读 · 0 评论