08 2016 档案
摘要：Javascript能做些什么？ 给予页面灵魂，让页面可以动起来，包括动态的数据，动态的标签，动态的样式等等。 如实现到轮播图、拖拽、放大镜等，而动态的数据就好比不像没有js页面一样，把全部内容都 写在页面一股的加载到页面上，而是达到某个条件才把需要的内容加载进去，如瀑布流图片， 动态的标签，就好比
阅读全文
摘要：1、我过去在HTML和CSS阶段是如何学习的 学习已经有一个月，HTML和CSS阶段都完成了，然而在这个阶段是随着 进度不段的吸收在不同方面搜索到的资源，如在书本和博文，当然还有更 重要的课堂，然而发现其实书本的理论是最为正确，而在网上网友大神们 的解释资料虽然易懂，但总有让人理解错误的地方，所以书
阅读全文
摘要：在这次项目中，了解到视口的问题，以下为视口的叙说。 meta的视口设置 为什么使用要设置视口： 定义视口的宽为设备宽，初始缩放为1倍，最大和最小缩放倍数为1，禁止用户缩放<meta name=”viewport” content=”width=device-width, initial-scale=
阅读全文
摘要：心态总结 这次项目的速度方面还好，就是在做项目时有点没有 考虑到全局布局的规范和在代码的易修改方面做的不 是很理想，有一些代码有点凌乱，明显的方面在css的 代码重复使用，这是之前没有考虑把重复使用css代码 装在一个css文件，这样就可以不用重复复制代码提高速 度和减少代码量，还有在对切图的方面的
阅读全文
摘要：没有这次的练习之前，在没有js情况下，我的认知中觉得css实现动画交互效果会很难，且效果也牵强， 就如点击弹出或显示内容都不可能现实的到，但通过这次练习，大大的改观了我对css的认识，在以前不 注重的伪类选择器中，原来大有作用在，且实现出的效果比js简单，如以下的:target伪类和:checked
阅读全文
摘要：学习布局所需要的到属性。 1、 display 属性用来设置元素的显示方式。 block 块对象指的是元素显示为一个方块，默认显示状态下将占据整行，其它的元素只能另起一行显示。 inline 行间对象与block刚好相反，它允许其它元素在同一行显示。 none 隐藏对象 2、float 用来控制元素
阅读全文
摘要：canvas也有css3里transform的变换功能，transform的底层运算的方式是运用了线性代数里矩阵， 而矩阵是在我们的生活实践中会经常被使用，它可以把复杂的空间问题呈现出来，它还有很多实践的 地方，然后不懂它的人会觉得很难，如果要钻研，这方面知识是不能少的。 canvas里封装好的变换
阅读全文
摘要：这是个css3动画框架，现在很流行，在小动画效果有很多，使用的方式 一、atention Seekers 1、bounce 2、flash 3、pulse 4、rubberBand 5、shake 6、swing 7、tada 8、wobble 9、jello 二、Bouncing Entrance
阅读全文
摘要：今天学了动画，动画的功能真的很强大，如果有哪个不把麻烦的耐心，完全可以做个 动画片出来。 1、animation-name 元素所应用的动画名称，必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 2、 keyframes 被称为关键帧，其类似于Flash中的关键帧。在C
阅读全文
摘要：又来一个时钟效果了，这个的实现不需要canvas，都是div、ul、li画出的，好玩有真实。 哈哈~ 需要的js才能实现到走动这个效果，但js的内容不多，也不难。 主要是一个css里transform的使用的思路，transform里有很多变幻属性，而普通的时钟 在我心中就是个圆圆的东西，那么是不是
阅读全文
摘要：感觉是不是特想送钟，老是编写些时钟的效果，今日就发个丑丑的时钟，老实说 有没有什么调试canvas的工具，老是要在浏览器刷新查看效果，好累啊~ （┬＿┬） 代码： 这个钟重点不在怎么画，在三角函数，三角函数的使用与角度息息相关，Math.PI是π，Math.sin(),Math.cos()它们都是接
阅读全文
摘要：CSS3 有3种和动画相关的属性：transform, transition, animation。 其中 transform 描述了元素静态样式。而transition 和 animation 却都能实现动画效果。 所以它们常常配合使用，可以做到一些很炫的效果。 不同点： 1. 触发条件不同。tr
阅读全文
摘要：今天的属性比较有意思，带上过渡效果，让人眼前一亮，也让我知道以前不怎么知道的 属性。 action~ 1、background-origin 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat 此属性才会生效。 2、background-clip 设
阅读全文
摘要：现在学习到了过渡效果了，已经开始有做动画效果的意识了，会实现一些比较炫的小玩意， 一个网页加入过渡动画效果，会让人看起来很有美观，不僵硬，有看头，动画是一个网页 美观的主要体现之一，下面做个使用个过渡效果实现的抽奖例子。 先来效果图： 这个的实现需要使用到一些js代码。 所需图片： 这张图是poin
阅读全文
摘要：这篇写的是今天的学习到的属性，一共20个。 属性再多，但也要会使用，会在使用时可以记起它，才能起到它为我们所需要的作用。 样式属性 1、border CSS边框属性允许你指定一个元素边框的样式和颜色。 边框样式border-style 属性用来定义边框的样式 none: 默认无边框 dotted:
阅读全文
摘要：border这个属性在页面上的使用率还是很高，例如我们需要理解的盒模型就需要对border有个 比较深的理解，如果你会盒模型，但对border没有深的理解，那只能说你只是知道盒模型，而 不是懂得盒模型，因为学习盒模型的过程中必须懂border。 那么border有什么属性呢？ Border-widt
阅读全文
摘要：今天的课程加速了，比平时快了些，但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 E[att="val"] 选择具有att属性且属性值等于val的E元素。 E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 E
阅读全文
摘要：今日这篇是整合前面的css补充知识的。 我觉得前面的关于css的知识补充进去有点乱，今日整理整理一下。 层叠样式表 层叠是什么意思？为什么这个词如此重要，以至于要出现在它的名称里。 层叠可以简单地理解为冲突的解决方案。 什么是冲突？ 就是同个元素在使用不同的选择器选择中后添加相同的样式。 优先级规则
阅读全文
摘要：css能够获取到HTML结构上的元素，这个是怎么实现的了？ 在我们看来这是个很神奇的事情，css可以写在页面之外，也可以写在页面内，而都不会影响到它去 获取这个元素，还有无论这个HTML结构多么复杂，这个css也能准确获取你所要的HTML元素，既然 那么强大，那么是不是实现过程也是很困难呢? 只能绝
阅读全文
摘要：今日学习终于到了css，css可以实现很多表现出很酷的界面，而css的出现是为了解决 HTML结构上写样式出现一片混乱现象而应运而生的语言，在以前样式都是和结构一起写的， 不分彼此，而这样大大增加了代码量，因为一个同样的样式不断重复，只能不断重新写出 来，还有也让代码写完后困难阅读，查找错误也变得无
阅读全文
摘要：在学习javascript中，如果在事件的使用上出现一些反差效果，不良效果，如鼠标的移入移出时，显示你所需要的内容， 但就是没有出现，然而你不断的检查代码，逐个代码查错，还在浏览器的调试工具中调试都没有发现错误，没有看到你所 想要的错误，那么这个时候你要判断一下是不是冒泡事件带来的不良效果了，不过在
阅读全文
摘要：今天没有说什么内容，只是对HTML5的细节补充，如HTML结构的可以省略到最大的地步 没有了基本的结构标签了，浏览器会自动帮我们生成。 还有标签的属性的双引号也可以省略； HTML5让我体验到它在最大化的简化标签，使代码量最小化。 还有调试工具的使用，调试工具让我们更快的更准确的查到各方面的信息，
阅读全文
摘要：HTML 5的革新之一：语义化标签一节元素标签。 在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为h
阅读全文
摘要：基础结构 基础标签有HTML，head，body。 合格的的HTML页面： HTML常用标签 1、换行符<br /> 2、段落 属性align 行对齐方式(left, right, center) 3、标题 4.文本格式化 5、链接 属性： href 定义链接地址 title 链接提示信息 targ
阅读全文
摘要：在进入主题前，先插个网站https://www.processon.com/ ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具! 它可以很方便的在线简单绘制一些东西，让自己去具体理解。 正则表达式 今日的正则只是学习正则的简单使用。在HTML5的标签属性的强大面前，我们 已
阅读全文
摘要：今日的内容还是表单内容，但所涉及到的有HTML5对表单改进后的表单属性，HTML5改进的表单属性与之前版本的 的属性，有很明显的差别，不从功能上说，就从界面的表现上说，让人感到界面表现图形的美观，与以前的丑陋的 表单比起来，更有使用的欲望，而从功能上说，新表单属性的功能简单易懂的，没有什么复杂的理解
阅读全文
摘要：今日学习了很多内容。有iframe框架和表单。 现在进入主题： iframe 内嵌框架 iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容。 标签属性常用的有 width、height、scrolling、frameboder scrolling的值是yes/no/
阅读全文
