前端学习第五弹： CSS （一）

前端学习第五弹: CSS (一) 创建css: <link rel="stylesheet" type="text/css" href="mystyle.css" /> 外联 <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40…

前端学习第七弹: Javascript实现图片的延迟加载为了实现图片进入视野范围才开始加载首先: <img src="" x-src="/acsascasc.jpg"> 这时src是空的没有加载图片 $(window).scroll(function (){ $("img").each(function(){ if ($(this).src == ""){ if ( ($(this).offset().t…

前端学习第六弹： javascript中的函数与闭包

前端学习第六弹: javascript中的函数与闭包当function里嵌套function时,内部的function可以访问外部function里的变量 function foo(x) { var tmp = 3; function bar(y) { alert(x + y + (++tmp)); } bar(10);}foo(2) 这时无论怎么运行输出的都是16,但这不是闭包如果我们返回内部函数,内部function会close-over外部fu…

前端学习第四弹： HTML（一）

前端学习第四弹: HTML(一) 元素分类:块元素内联元素块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table>,<div> 内联元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img>,<span> 段落 HTML中的段落靠<p>来划分 p是块级元素如果您希望在不产生一个新…

前端学习第三弹： JavaScript语言的特性与发展

前端学习第三弹: JavaScript语言的特性与发展 javascript的缺点 1.没有命名空间,没有多文件的规范,同名函数相互覆盖导致js的模块化很差 2.标准库很小 3.null和undefined null几乎没有用不该设计它 4.全局变量难以控制 5.自动插入行尾分号主要的缺点就是这几个,别的缺点就不一一列举了.... (自习室关门了,待续...)…

前端学习（五）：body标签（三）

进击のpython ***** 前端学习--body标签接下来的内容就比较多了,各位看官且听我慢慢道来... ... 使用a标签,链接到另一个页面网页中<a>标签,全称:anchor.锚点的意思它在html中称为超链接标签,可以说在网页中无处不在,只要有链接的地方,就有会这个标签 <a href='目标地址' title='鼠标滑过显示的文本'>链接显示的文本</a> 覆盖本身我们做一个例子,点击百度一下就能跳转到百度: <body> <a h…

css学习の第五弹—单位和值

一. >>1.颜色表示方法总结: 1.英文命令颜色前面几个小节中经常用到的就是这种设置方法: p{color:red;} 2.RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色. p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数.如: p{color:rgb(20%,33%,25%);} 3.十六进制颜色这种颜色设置方法是…

前端学习笔记之HTML/CSS 速写神器 Emmet

HTML/CSS 速写神器:Emmet 在前端开发的过程中,一个最繁琐的工作就是写 HTML.CSS 代码.数量繁多的标签.属性.尖括号.标签闭合等,让前端们甚是苦恼.于是,我向大家推荐 Emmet,它提供了一套非常简单的语法规则,书写起来非常爽快,然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码,极大提高了代码书写效率. Emmet 的前身是大名鼎鼎的 Zen coding,它是一个编辑器插件,需要基于指定的编辑器使用,官方网站提供多编辑器支持,目前它支持的编辑器如下: Su…

web前端学习（三）css学习笔记部分（8）-- SVN的介绍和应用、CSS动画效果、CSS3布局属性全接触

15.SVN的介绍和应用 15.1.SVN的介绍和应用课程概要将代码进行集中管理,有版本号的进行迭代,方便集体工作的build流程 15.2.SVN的介绍 SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS.CVS(这两个已经不流行了),它采用了分支管理系统,它的设计目标就是取代CVS.互联网上很多版本控制服务已从CVS迁移到Subversion. TortoiseSVN是Subversion版本控制系统的一个免费开源客户端,可以超越时间的管理文件和目录.文件保存…

web前端学习（三）css学习笔记部分（5）-- CSS动画--页面特效、HTML与CSS3简单页面效果实例

CSS动画--页面特效部分内容目前仅仅观看了解内容,记录简单笔记,之后工作了进行内容的补充 7. CSS动画--页面特效 7.1 2D.3D转换 7.1.1 通过CSS3转换,我们能够对元素进行移动.缩放.转动.拉长或拉伸转换是使元素改变形状.尺寸和位置的一种效果可以使用2D.3D来转换元素 7.1.2 2D转换方法 translate() rotate() scale() skew() matrix() 7.1.3 3D转换方法: rotateX() rotateY() 7.2 …