我的前端学习历程
很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己”。 下面以我自己的经历讲讲前端的学习过程。
阅读目录
Jquery基础知识准备CSS学习与技巧代码优化总结
回到顶部
Jquery基...
分类:
其他好文 时间:
2016-04-10 15:03:10
阅读次数:
267
一、理论:
1.flex-flow
a.flex-direction 设置伸缩容器的伸缩流方向
b.flex-wrap 设置伸缩容器中的伸缩项目在伸缩容器无足够空间时,伸缩项目在伸缩容器中是否换行排列
2.flex-pack
a.具有与box-pack属性相同的参数
b.distribute 伸缩项目会平均分布在同一行里
c.start 伸缩容器中的第一个伸缩项目的起始边缘置于伸缩容...
分类:
Web程序 时间:
2016-03-29 06:21:44
阅读次数:
181
四月要开始搞个人博客网站,完全独立做,前端技术是第一个难关啊。 一,CSS文件的声明 在<head></head>中,同一目录的情况:<link rel = "stylesheet" type = "text/css" href = "myStyle.css"/> 二,元素选择器 三,类选择器 注意 ...
分类:
Web程序 时间:
2016-03-28 23:21:16
阅读次数:
249
学习慕课网笔记,课程:http://www.imooc.com/code/2024 1.css选择器 子选择器:parent>child 子选择器是指选择parent的范围内的第一个子元素。这里parent和child均是伪代码。可以是class用.classname,也可以是标签ul>li,也可以 ...
分类:
Web程序 时间:
2016-03-28 18:37:34
阅读次数:
157
总的来说CSS分为CSS和CSS3,只不过CSS3是在CSS基础上增添了新属性,而且CSS3的兼容性暂时不好,也就是chrome支持,其他浏览器兼容性不强。 CSS的主要作用就是为我们的HTML增添样式,比如颜色,大小等,所以我们要使用CSS必须先选取到HTML的元素, 即选择器的用法,能选取到你需 ...
分类:
Web程序 时间:
2016-03-27 17:56:14
阅读次数:
164
一、理论:
1.混合版本flexbox模型
a.display
1)flexbox 设置元素为块级容器
2)inline-flexbox 设置元素为内联块伸缩容器
b.display容器的基本使用
1)主要用于IE10浏览器
2.伸缩流方向flex-direction
a.flex-direction
1)row ltr-->自左向右排列,rtl-->自右向左排列
2)row...
分类:
Web程序 时间:
2016-03-27 01:57:54
阅读次数:
292
http://www.cnblogs.com/wanglongshuai/p/5204067.html@王隆帅 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: HTML是网页内容的载体。内容就是网页制作者放在页面上想要 ...
分类:
Web程序 时间:
2016-03-24 20:11:19
阅读次数:
257
一、理论:
1.overflow-x/overflow-y
a.visible 默认值,不添加滚动条
b.auto 添加滚动条
c.hidden 内容溢出容器时,所有内容都将隐藏,不显示滚动条
d.scroll 不论有无溢出,都显示滚动条
e.no-display 当内容溢出容器时不显示元素
f.no-content 当内容溢出容器时不显示内容
2.resize
a.none 用...
分类:
Web程序 时间:
2016-03-19 01:03:47
阅读次数:
211
css学习笔记1 1.选择特定元素的选择符: 标签1 标签2 {声明} 其中标签2是要选择的目标,而只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中。 css代码: body代码: 理解:section标签 article标签就属于上下文的关系,即article为section的后代,只
分类:
Web程序 时间:
2016-03-18 23:03:13
阅读次数:
233
一、理论:
1.CSS盒模型
a.外盒尺寸计算--高度
element空间高度=内容高度+内距+边框+边距
b.外盒尺寸计算--宽度 element空间宽度=内容宽度+内距+边框+外距
c.内盒尺寸计算--高度
element高度=内容高度+内距+边框
d.内盒尺寸计算--宽度
element宽度=内容宽度+内距+边框
2.box-sizing
a.content-box 默认...
分类:
Web程序 时间:
2016-03-18 01:55:47
阅读次数:
218