会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
59木雨
博客园
首页
新随笔
联系
管理
2016年5月26日
【代码总结】绝对定位与相对定位
摘要: 一、绝对定位(position:absolute) 1、设置了绝对定位后,div即脱离文档流成为独立的框体,可以设置z-index确定其所在层级。 2、如果同时设置了top等值,则其相对于浏览器定位;如果没有设置top等值,则相对于父级div定位。 二、相对定位(position:relative)
阅读全文
posted @ 2016-05-26 14:53 59木雨
阅读(538)
评论(0)
推荐(0)
2015年8月5日
【好文分享】移动端的前端写法:图文并茂让你立刻看懂什么是移动端响应式网页
摘要: 1、适应各种终端设备的自适应网页设计:图文并茂让你立刻看懂什么是移动端响应式网页 http://blog.sina.com.cn/s/blog_6540a3c501016941.html
阅读全文
posted @ 2015-08-05 15:40 59木雨
阅读(266)
评论(0)
推荐(0)
2015年8月4日
【实用代码】圆弧边框、阴影
摘要: 此文内更新所有平时遇到的实用代码一、圆弧边框: border-radius:10px; //对边框四角的10px的部分进行圆弧处理 border-radius:50%; //以四角为圆心,让每个边框的50%的部分做圆弧处理,(50%时,一般用在让正方形的边框变成一个圆圈)二、阴影: b...
阅读全文
posted @ 2015-08-04 15:57 59木雨
阅读(232)
评论(0)
推荐(0)
2015年7月30日
2015.7.30 第十五课 sql(新建数据库、创建表、注释、查询语句、新增、更新、删除、联合查询)
摘要: 1、认识数据库并新建:1)打开数据库,连接到服务器。2)服务里类型不用管。3)服务器名称:打个点“.”表示服务器在本地计算机,如果是托管在别人的服务器上,就输入服务器IP地址。4)身份验证:如果是windows身份验证,就需要有管理员权限。一般托管在别人的服务器上,(包括正常情况下),都是用SQL身...
阅读全文
posted @ 2015-07-30 23:39 59木雨
阅读(517)
评论(0)
推荐(0)
【转】WEB前端开发工程师成长之路(计划)
摘要: 作者:零度逍遥|时间:2014-09-01|浏览:100|0条评论今天看到一篇文章,感觉很不错,于是转了过来,同时也给自己规划一个方向。【背景】如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的...
阅读全文
posted @ 2015-07-30 16:02 59木雨
阅读(260)
评论(0)
推荐(0)
2015年7月27日
【周末作业】2015.7.15 第二周 css作业及答案
摘要: 【作业题】 一、问答题 1、 CSS选择器以及引入方式哪几种,CSS选择器有哪些以及它们的优先级 2、 行内元素和块级元素的区别,分别举出6个行内元素和块级元素,块级元素的特点是什么 3、 改变元素外边距是什么属性,改变元素内边距是什么属性 4、 如何让一个div在页面中居中...
阅读全文
posted @ 2015-07-27 20:20 59木雨
阅读(577)
评论(0)
推荐(0)
2015年7月25日
【课堂实例】轮播图
摘要: 【目标】制作一个有5张图片的轮播图【分析】想要制作轮播图,需要如下3个步骤:1、页面打开之后,第一个图片显示,其余的图片,隐藏2、图片间隔5秒轮播一次3、传到第5个图后回到第1张【制作】 1、页面打开之后,第一个图片显示,其余的图片,隐藏: $(“.bg”).not(“:eq(0)”).hi...
阅读全文
posted @ 2015-07-25 20:45 59木雨
阅读(358)
评论(1)
推荐(0)
2015.7.23 第十二课 课程重点(jq元素:获取、添加、删除、设置、绑定、显示隐藏、回调、动画)
摘要: 1、获取内容: text():获取文本内容。text获取的是文本内容,假设被指定的里面还有各种标签,text也只获取里面的纯文本内容。 html():获取括号内内容。而html则是获取里面的全部内容,包括标签也会一起打印出来。 【例】$(“#d1”).text(“aaaaa”); ...
阅读全文
posted @ 2015-07-25 20:29 59木雨
阅读(297)
评论(1)
推荐(0)
2015年7月22日
2015.7.22 第十一课 课程重点(jq:元素获取、添加、删除、过滤、判断、遍历、取值,样式设置、改变对象、切换、判断)
摘要: 1、获取元素: 1).size():获取元素的个数。 $(“img”).size():获取有多少个img。 2).eq():获取元素。 $(“img[title]”).eq(1):获取第二个带有title属性的img标签。 也可以写作:$(“img[title]”)[1],此括...
阅读全文
posted @ 2015-07-22 23:59 59木雨
阅读(334)
评论(1)
推荐(0)
【其它】喜欢的歌汇总
摘要: 【英语】BraveTheboyIuesdtoknowDon'tpushme【日语】Sexylove十六夜泪金鱼花火最美的单思(最高の片想)【中文】could you stay with me手掌心伤痕寻龙记剑心卜卦凤凰虐心月光(徐良)七秒钟的记忆愿(王菲)
阅读全文
posted @ 2015-07-22 22:11 59木雨
阅读(139)
评论(1)
推荐(0)
2015年7月21日
2015.7.21 第十课 课程重点(jq选择器:id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤)
摘要: 1、在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html、css、js 将上图...
阅读全文
posted @ 2015-07-21 22:11 59木雨
阅读(653)
评论(1)
推荐(0)
【常见答疑】总结常见疑问
摘要: 1、设置整个DIV有超链接,怎么设置?放在div外吗? 答:(1)div 没有超链接的,可以这样做:div里面放一个a ,然后把a变成块级元素,让a影响到整个div即可。 (2)div上可以加 onclick事件进行跳转
阅读全文
posted @ 2015-07-21 09:57 59木雨
阅读(151)
评论(2)
推荐(0)
2015年7月20日
【小练习】js冒泡排序
摘要: 任务:设置随意5个数的数列,用js冒泡排序法使之由小到大排序。如:[5 3 4 1 2]使之输出为[1 2 3 4 5]。----------------------------------------------------------------------------------【解说:何为冒...
阅读全文
posted @ 2015-07-20 23:21 59木雨
阅读(581)
评论(1)
推荐(0)
2015.7.20 第九课 课程重点(js语句:获取时间、数字取值、定时器)
摘要: 【jq与js的关系】:jq是对js常用的方法进行封装、简化和优化。【小技巧】ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键----------------------------------------------------------------------------------...
阅读全文
posted @ 2015-07-20 22:07 59木雨
阅读(282)
评论(0)
推荐(0)
2015年7月17日
2015.7.17 第八课 课程重点(js语句:条件、循环)
摘要: 1、条件语句: (1)比较操作符: ==:判断是否相等 !=:判断是否不相等 > :判断是否大于 >=:判断是否大于等于 iNum2 && iNum1>iNum3) //当 iNum1>iNum2 且 iNum1>iNum3 同时满足时, { alert...
阅读全文
posted @ 2015-07-17 23:39 59木雨
阅读(278)
评论(1)
推荐(0)
2015年7月16日
2015.7.15 第七课 课程重点(js、声明变量、数据类型)
摘要: 1、vs新建步骤文件——新建项目——web——空白web应用程序——取名、位置、确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目。点击项目——新建文件夹css和js和image——新建html页面取名demo1(推荐设置:工具——选项——可以设置下字体和颜色;文本编...
阅读全文
posted @ 2015-07-16 00:39 59木雨
阅读(269)
评论(1)
推荐(1)
2015年7月14日
2015.7.14 第六课 课程重点(css:仿站及常见代码用法)
摘要: 1、网站常见小图标调用方式: 将所有小图标做在一张大图上a.png,然后根据横纵轴来调用。 background:url("a.png") -23px -70px no-repeat;2、块级元素居中的常见写法: margin:0px auto;3、如何让超链接影响到整个块? 将行内元素变成...
阅读全文
posted @ 2015-07-14 21:47 59木雨
阅读(437)
评论(0)
推荐(0)
2015年7月13日
2015.7.13 第五课 课程重点(css:z-index、overflow、浏览器兼容性)
摘要: 1、z-index=数字 z轴的值,当几个div重叠时,z-index数字越大的,越在上面 2、overflow:hidden(超过部分隐藏)/auto(超过时出现滚动框)/scroll(一直有滚动条) 3、浏览器兼容性问题: (1)兼容性问题:不同的浏览器基于不同的内核,对一些前端代码...
阅读全文
posted @ 2015-07-13 21:43 59木雨
阅读(239)
评论(0)
推荐(0)
【小练习】第一周综合练习
摘要: 【小练习】请大家做出如下网页【备注】左上框为No.1,右上为No.2,左下为No.3,右下为No.4 【要求】 1、除了No.1内的表格外,其他所有地方的框请用div+css来写,练习浮动float、margin、padding 2、No.1制作表格,用上背景色、边框色、文字色 ...
阅读全文
posted @ 2015-07-13 12:11 59木雨
阅读(229)
评论(0)
推荐(0)
2015年7月9日
【周末作业】2015.7.9 第一周 html作业及答案
摘要: 1、 textarea和的区别是什么2、 如何让下拉菜单支持多选3、 指定移动文字的循环速度和停顿时间的属性分别是什么4、 建以下的目录结构,在ch7_1.html中调用sea.gif ,放在demo1文件夹中10、建以下的目录结构,在ch7_2.html中调用sea.gif ,放在demo2文件夹...
阅读全文
posted @ 2015-07-09 22:35 59木雨
阅读(321)
评论(0)
推荐(0)
2015.7.9 第四课 课程重点 (css :浮动、盒子模型、绝对/相对定位)
摘要: 1、块级元素的特点: (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行。 常用的块级元素:div、p、h1-h6、hr、ul li、ol li、table、body...2、浮动:float 作用:通过漂浮,让块级元素实现并排 ...
阅读全文
posted @ 2015-07-09 21:32 59木雨
阅读(290)
评论(0)
推荐(0)
【小练习】“表格”制作及答案
摘要: 小练习:做出如下表格答案:任务一 表格练习 早餐类价格表 汉堡25元 三明治25元 土司25元
阅读全文
posted @ 2015-07-09 19:53 59木雨
阅读(297)
评论(0)
推荐(0)
【小练习】“表单”制作及答案
摘要: 小练习: 制作以下表单答案:任务二 表单 用户名: 密码: 性别: 男女 喜欢颜色: 红色绿色 爱好: 图片上传: 自我介绍: ...
阅读全文
posted @ 2015-07-09 18:10 59木雨
阅读(428)
评论(0)
推荐(0)
【总结】各大常用浏览器兼容性代码
摘要: 各个浏览器的内核不同,导致相同的代码,浏览器显示出来的效果不同【 -moz】/*Firefox4*/-moz-transition:width2s;-moz-transition-timing-function:linear;【-webki】/*SafariandChrome*/-webkit-tr...
阅读全文
posted @ 2015-07-09 11:21 59木雨
阅读(487)
评论(0)
推荐(0)
2015年7月8日
2015.7.8 第三课 课程重点(css:认识css样式)
摘要: 【课前提问及答案】1、table有哪些属性:width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align 宽 高 边框 内框宽度 文字到边框距离 边框颜色 背景色 水平位置2、body有哪些...
阅读全文
posted @ 2015-07-08 21:22 59木雨
阅读(275)
评论(0)
推荐(0)
【实用代码】选项卡切换——带标题底纹样式
摘要: 一、代码内容: 选项卡切换——带标题底纹样式二、效果如图:三、代码:选项卡切换-标题栏底部颜色切换 主页 任务管理 第三项目录 主页内容 ...
阅读全文
posted @ 2015-07-08 11:38 59木雨
阅读(316)
评论(0)
推荐(0)
2015年7月7日
2015.7.7 第二课 课程重点( html:表单)
摘要: 一、html-表单部分 <form></form> 1、按钮: <input type="button"> 2、文本框: <input type="text"> 3、密码: <input type="password"> 4、单选: <input type="radio" id="male" nam
阅读全文
posted @ 2015-07-07 21:15 59木雨
阅读(259)
评论(0)
推荐(0)
2015.7.6 第一课 课程重点(html:认识html、列表、表格、相对路径、超链接)
摘要: 1、html(超文本标记语言)结构: 标题 主体 2、版面控制标记: 换行: 段落: 水平线: ( 粗细:size;宽度:width;水平位置:align;颜色:color ) 空格: 居中:center3、标题文字: 标题: ...
阅读全文
posted @ 2015-07-07 21:14 59木雨
阅读(453)
评论(1)
推荐(0)
公告