Web前端学习笔记：Bootstrap框架[转] 转自：
回到顶部 回到底部 回到顶部的俩种方式 一、使用js $(html, body).animate({ scrollTop: 0 }, fast);//带动画 $(html,body).scrollTop(0); //不带动画 $(window).scroll(function () { //Youve scrolled this much: $(p).text("Youve scrolled " + $(window).scrollTop() + " pixels"); }); 二、使用 a 标签的name属性 top ...
localstorage的使用 1.获取对象 var localstroage = window.localStorage; 2.存储值 localstroage.setItem(openid,ksjhfkjajkdfjkszdjfksad); localstroage.setItem(uid,10001); 3.获取值 var openid = localstroage.getItem(openid); 4.删除某个值 localstroage.removeItem(openid); 5.删除所有值 localstroage.clear(); ...
1.css基本样式讲解 1.1 css背景 background-attachment：背景图像是否固定或者随着页面的其余部分滚动 background-color：设置元素的背景颜色 background-image：把图片设置为背景 background-position：设置背景图片的起始位置 background-repeat：设置背景图片是否及如何重复 background-size：规定背景图片的尺寸 background-orgin：规定图片的定位区域 background-clip：规定背景的绘制区域 1.2 css文本 color ：文...
这是学习CSS样式做的笔记，稍微整理下。也是一个学习的大纲。 CSS层叠样式表学习主要回答两个问题： （一） CSS层叠样式表干什么用的？ （二） CSS层叠样式表怎么用的？ 回答第一个问题：CSS层叠样式表就是对HTML进行美化的。包括颜色，背景，布局等等。 第二个问题可以分解成两个问题： （1） CSS层叠样式怎么和HTML配合工作？ （2） CSS层叠样式表具体语法，控制HTML的标签哪些样式，...
网易新闻 <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 习近平抵达俄罗斯乌法出席金砖国家领导人会晤 2015-07-08 14:01:21 来源: 外交部网站 【新华社快讯】中国国家主席习近平当地时间8日下午抵达俄罗斯乌法，出席即将在那里举行的金砖国家领导人第七次会晤和上海合作组织成员国元首理事会第十五次会议。 2015年7月8日上午，国家主席习近平乘专机离开北京，应...
1、图像标签（）和源属性（Src） 在 HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。 定义图像的语法是： URL 指存储图像的位置。如果名为 "" 的图像位于 www.w3school.com.cn 的 images 目录中，那么其 URL 为 http://www.w3school.com.cn/images/...
本篇文章是对这几天看完 Charles Wyke-Smit 的 《CSS 设计指南》 后的一些学习笔记与心得，笔者好像是大一的时候开始接触网页设计，由于并不是计算机专业的，所以所有都是自己自学的，记得当时自己对 CSS 基本上什么都不懂，甚至连怎么在 CSS 中选择某个 class 和 id 都不懂，然后就直接下载一些源码来看，后来看到这些 CSS 文件中有 . 和 # ，然后就连蒙带猜的学会了怎么使用它们，然后就在源码中看到什么不懂的就直接上 W3School...
简单讲，px是绝对单位，em和rem是相对单位。px大家都熟悉，这里主要讨论em和rem。 现在有以下一个段落： 当斧头来到树林的时候，好多树都说，至少它的手柄是自己人 当不给它设置字体大小时，使用默认大小，也就是16px大小，效果如下： em em是指相对于父元素的大小，也就是说对于p和span而言，它的大小都是1em，这里的1em = 16px。 我们将span的大小改为2em，效果如下： span{ font-size: 2em; } 可以看到sp...
又已经快十天没有写文章了，一周一篇其实好艰难的说……本来想接着上篇事件（上篇）总结事件类型的，可是看完之后整理下还是有点乱，就一直拖着没写……实在是不能再拖下去了，今天就简单说说CSS中我们常用但又不一定真正了解的line-height属性。 基本概念 行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张“盗图”（选自下面的参考文章），...
用的时候首先记得加前缀：-webkit-，-moz-，-o-，-ms-，因为目前各个浏览器对CSS3和HTML5的兼容性还是参差不齐。边框：1.border-radius(实心圆的实现)2.box-shadow：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式](用逗号可叠加效果)3.border-image：url(border.png) 70 70 70 70 round /repeat/stretch(由外到内切片的偏移量，分别为上右下左)颜色：1.RGBA（多了一个透明度）2.颜色渐变：linear/radia...
5、保存和恢复Canvas状态 context.save(); context.restore(); save可以将当前的状态暂时得存入堆中，而restore则可以读取堆中存储的状态 他们都不需要任何参数 当开始绘制一张图时，如果之前已经有图形，记得使用save保存当前的状态 6.1、坐标空间 在canvas中，坐标空间默认为画布左上角为（0，0）为原点，x轴水平向右为正向，角度为0 y轴垂直向下为正向角度为π...
创建一个最简便的浏览器 首先打开VS2010，然后在空间里拖出一个Form控件当主页面，其次拖出一个Textbox控件作为地址栏，然后加一个Button控件作为按钮，最后拖出一个WebBrowser作为显示界面。 然后点击Button按钮，然后书写代码 WebBrowser1.Navigate(textBox1.Text); 调整启动项：在资源管理其中右键属性，设置当前选定内容，然后选中要测试的选项，即可进行启动测试。 一些电脑中不显示后缀名怎么办？可以打开一个文件，...
web开发就不得不面对浏览器兼容性问题，特别是IE的兼容问题。在前端代码中经常要处理一些兼容格式，为了解决这个问题网上找了找识别浏览器版本的方法。 常规js方法 找到一个方法，还不错，可以识别出各种浏览器的版本： /** * 获取浏览器版本 * @returns {Array} */function browserVersion() { ua = navigator.userAgent; ua = ua.toLocaleLowerCase(); if (ua.m...
今天有空把前几天学的东西发一下，都是一些简单的东西，但是千里之行始于足下，我虽然走的慢，但是未停下前进的脚步~~~~~~~ 下来看下我做的“淡入的文字”最终动态效果： 上面这个动画效果制作的过程是： （1）先自定义一个透明度从0到1变化的动画，然后在animation中调用这个动画效果 （2）注意不同行文字出现的时间先后，这个通过animation中延时属性可以实现 （3）规定文字最终动态为动画的最终显示状态，否则文字显示完...