03 2017 档案
摘要：1.1 项目文件夹 （站点） 我们的网页都应该放到 一个文件夹内。 站点 本地站点 1.1.1 规划好页面 项目文件夹 1.首页 index.html 2.样式 css文件夹 css文件 相同样式 （全局样式 公共样式） Base.css（基本样式） global.css (全局样式) 3.图片 i
阅读全文
摘要：这次按照师兄和老大的学习方法，先自己试着敲任务3的代码，记下自己不会或不太懂的地方，然后找师兄姐们提交的代码进行对比，发现不一样的地方再进行理解，如果实在理解不了就找度娘，hahaha又get到一个不错的学习方法 一、今天完成的事 1、任务3代码敲写 2、任务3代码学习 3、任务3代码提交 二、遇到
阅读全文
摘要：什么是响应式布局 让一个网站可兼容不同分辨率的设备 移动互联网催生了响应式布局的诞生 如何实现响应式布局 1、CSS-midia query 2、借助原生JS 成本高，不推荐使用 3、第三方开源框架 可以很好的支持浏览器响应式布局的设计 CSS-midia query 常见的属性： device-w
阅读全文
摘要：任务3看起容易，但其中还有许多需要注意的地方，折腾一晚都没搞出来，233333。CSS的入门很容易，但身为初学者一定要戒骄戒躁、不可浮躁自以为是，要学的东西还有很多，要深入的掌握细节，深入的理解机制。遇到没见过的用法就要动手去实践验证，不怕费时费力，但求能学到东西。 一、今天完成的事 1、下载PS,
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .page-normal{ color: #ff6500; text-align:
阅读全文
摘要：1、html结构 采用a标签（行内元素），因为当前页和"<"采用<span>单独分离 "<"，< ">",> 2、行内元素之间的间隔BUG问题 产生原因：换行符，tab（空格、制表符产生空隙） 解决方法：1、元素写成一行 2、设置font-size:0; 3、padding:5px 7p
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padding: 0;} .box{ width: 31%;
阅读全文
摘要：首先谢谢师兄分享了你的日报记录给我，认真的拜读了一遍，发现其中还有很多的知识点我是忽略掉了的，而且你对每一个知识点的理解和思考也比我深刻许多，还有很多地方要向你学习 然后狠狠心花了两百大洋买了个域名和虚拟机，希望这次任务能过 今天完成的事： 一，任务一的编写 二，任务一的代码上传及成果展示 遇到的问
阅读全文
摘要：四、for循环语句 4.1 认识for循环 在控制台输出1~100 100行语句： 1 console.log(1); 2 console.log(2); 3 console.log(3); 4 console.log(4); 5 console.log(5); 6 console.log(6);
阅读全文
摘要：3.1 if语句初步 如果……那么……否则…… if就是英语“如果”的意思，else就是“否则”。 举个例子： 1 if(明天不下雨){ 2 我就出去玩； 3 }else{ 4 我就在家写作业; 5 } 公式： 1 if(条件表达式){ 2 条件为真的时候做的事情 3 }else{ 4 条件为假的时
阅读全文
摘要：1、背景加图必须设高 .banner{ height: 465px; background: url("images/banner.jpg") no-repeat center top; ｝ 2、一列最后一行？ .product ul li.last{ margin-right: 0; width:
阅读全文
摘要：什么是手风琴效果？ 当手风琴滑过时，会有有一个动画效果，并且明暗效果发生变化 所用知识点： 浮动布局 明暗变化：遮罩层 透明度 动画效果：js css(css3:transition) 鼠标事件：
阅读全文
摘要：接受师兄的建议，转换学习思路，开始尝试做九宫格，果然一脸懵逼,233333。静下心来，再一次认真刷了一遍老大发布的Task1任务详解，然后查找了师兄师姐们的日报及学习任务，没想到一个看似简单的九宫格隐藏了那么多的知识要点，缕清思路，继续前行。 今天完成的事： 1、注册完成github账号，学习怎么把
阅读全文
摘要：2.1 布尔值 我们上节课说了，学习了两种变量的类型数值型、字符串型。 实际上，还有很多变量的类型。我们今天再学习一种，叫做“布尔类型”。 数值型里面的值，有无穷多个，因为世界上所有的数字，都是数值型； 字符串型的值，有无穷多个，因为世界上所有的文字、语句都是字符串型； 布尔类型的值，就两个，tru
阅读全文
摘要：今天完成的事情： 完成,W3C-HTML基础教程 明天计划的事情： 完成，W3C-CSS基础课程 遇到的问题： 因为刚开始学基础知识点，暂无 收获（学到的知识）： 一、HTML基础标签实例 1、 body 元素的内容会显示在浏览器中。 title 元素的内容会显示在浏览器的标题栏中。 2、段落元素由
阅读全文
摘要：今天完成的事情： 完成,W3C-HTML基础教程 明天计划的事情： 完成，W3C-CSS基础课程 遇到的问题： 因为刚开始学基础知识点，暂无 收获（学到的知识）： 一、HTML基础标签实例 1、 body 元素的内容会显示在浏览器中。 title 元素的内容会显示在浏览器的标题栏中。 2、段落元素由
阅读全文
摘要：锚链接 简单快速，没有兼容性问题 视觉上不够直观，用户体验不够好 用Javascript制作回到顶部效果 DOM操作 1、document.getElementById 根据ID获取标签元素 2、document.documentElement.scrollTop 滚动条的数值，可读写 事件运用 1
阅读全文
摘要：今天完成的事情： 1、下载完成了编辑器sublime以及浏览器chrome,搭建开发环境 2、学习html基础知识，了解到什么是html 明天计划的事情： 完成，W3C-HTML基础教程 遇到的问题： 第一次写日报，不知如何下笔 解决，参考各位师兄，了解日报书写格式 收获（学到的知识）： 1、什么是
阅读全文
摘要：1、版心 inner_c 2、导航结构 3、当前页容器 .nav ul li.current a{} 4、后代吗容器一定要挨近 .nav ul li.last{}
阅读全文
摘要：滑动动画效果 神功总纲第一关 、html静态结构搭建第二关、CSS样式添加，为图片进行定位第三关、用JQUERY把滑动效果制作出来 juery hover(函数1，函数2)事件：模拟光标悬停 animate()函数创建自定义动画 duration属性设置动画持续的时间 $(document).rea
阅读全文
摘要：八、运算符和表达式 8.1 数学运算符 整体感知： 我们比如要计算这个： JavaScript中正确的表达式就是： 1 (3 + 4 * 5) / (6 + 3) +、*、/、( 都是运算符 这个式子叫做表达式。 运算符有很多分类：数学运算符、逻辑运算符、自增运算符等等。我们今天只学习数学运算符。
阅读全文
摘要：5.1 整体感知 初中的时候，学习了一个学科“代数”，x、y、z、a、b、c。 计算机的程序中，也是有这样的量，就是用字母来表示数字、字符串等其他东西的，称为“变量”。 1 var a = 100; 2 console.log(a); var a = 100; 这就是一个固定的写法，就是语法。也就是
阅读全文
摘要：1、静态结构页面制作（搭建分页页面框架）<1 2 3 4 5> 2、添加CSS样式（为分页页码添加外衣） 使用什么样的标签来制作分页代码？使用html实体标签输入“<”“>”内联元素设置居中修复行内元素之间间隔bug问题 demo图 html实体标签< < > > 给内联元素设置居中时可
阅读全文
摘要：什么叫做布局？ 又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合 网页设计的特点 网页可以自适应宽度 网页的长度理论可以无限延长 分栏又称分列，常见的布局分为： 一列布局 两列布局 三列布局 混合布局 一列布局 如何使单类居中 margin:0 auto; #ccc 灰色 两列布局
阅读全文
摘要：网页制作中，结构，表现，行为分离。 微博用户发言信息列表制作 高级思路： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级</title> <style type="text/css"> .demo03{wi
阅读全文
摘要：1、文字样式简写？ font:16px/23px 微软雅黑； 2、如何使中间部分居中？ .box ul{ width: 210px; height: 279px; background-color: #fff; margin-left: 10px; padding: 0 15px; } 3、文字间距
阅读全文
摘要：1、P标签可以直接做容器 p｛｝； 2、两行字如何并列？ overflow:hidden; 3、微博发言制作的高级思维？ 结构与样式分离 .demo03 img{float:left;margin-left:-20px,o,o,-100px;}
阅读全文
摘要：“直接量”也称为“字面量”，就是看见什么，它就是什么。 简单的直接量有2种：数字、字符串。 数值的直接量的表达非常简单，就是写上去就行了，不需要任何的符号： 1 alert(886); //886是数字，所以不需要加引号。 字符串，就是人说的话，比如单词、句子，它们不是数字。一定要加上引号。 1 a
阅读全文
摘要：3.1 程序书写的位置 在页面中，<script type=”text/javascript”></script>标签对儿，里面就是书写JavaScript程序的地方。 1 <script type="text/javascript"> 2 3 </script> text表示什么？纯文本。没错，J
阅读全文
摘要：1、滑动门结构代码？ <ul> <li><a href="#"><span>百度</span></a></li> <li><a href="#"><span>百度</span></a></li> <li><a href="#"><span>百度</span></a></li> </ul> 2、滑动门
阅读全文
摘要：1、边框加线的先后顺序会影响效果 border:1px solid #D9E0EE; border-top: 3px solid #FF8400; 2、下拉菜单定位结构？ <div class="header"> <div class="logo"><img src="images/logo.gif
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width: 1226px; height: 460px; posit
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul,li{ margin: 0; padding: 0; } li{
阅读全文
摘要：1、如何使文字居中？ .nav{text-align:center;} 2、如何让a标签有宽高？ a{display:inline-block;} 3、给a标签添加颜色？ a{color:#fff;} 4、a标签如何装换图片？ a:hover{background:url("110.png") bo
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul,li{ margin: 0; padding: 0; } ul,l
阅读全文
摘要：1、空格代码？ 2、rgb颜色表达式？ rgb(190,190,190) 3、选择器同时选择？ .time,.news{font-size: 14px;} 4、表单样式？ .box input[type="text"]{color="red";} .box input[type="bu
阅读全文
摘要：1、表单提交标签？ <form action="1.php" method="post"> 2、表单模板框标签是？ <fieldset><legend></legend></fieldset> 3、单选标签？ 性别： <input type="radio" name="sex" checked="c
阅读全文
摘要：1、表格的背景颜色应该怎么加？ <table bgcolor="pink"></table> 2、如何直接给文字加样式？ <font color/size/family></font> 3、表格中的文字如何居中? <td align="center"></td> 4、表格的边框如何设置? <tabl
阅读全文
浙公网安备 33010602011771号