07.尚硅谷_css2.1_分享.wmv原创

看一下啊，还有我需要得到你们的反馈，听懂没听懂，或者说需要再讲一遍的东西，都需要你们给我反馈，不要闷着不讲话啊。好，呃，来看一下我们今天提的一些东西吧，今天其实我们上午就讲了，呃，下午讲了SN是不是，然后讲了定位浮动里面一些比较细的一些细节，然后用定位做三略布局，用浮动做战略布局，最终我们挑选了什么，圣杯布局吧，好，圣杯布局说做三略布局整体的一个需求是什么样的。回忆一下什么样才算一个标准的3D布局啊？有几点三点第1.3略布局吧，两边固定当中知识一第二点。中间列要完整显示第三点啊，中间列要优先加载，其实我们有很多方法去实现三角布局是不是，可是你要完全兼容这三点的很少，我们现在是不是只讲一个圣杯布局啊，啊，待会会讲一个双飞一布局，那讲圣杯跟双飞一之前呢？好，我想先跟大家去说点小事情，什么事情呢？第一个学习方法的事情。

大家现在搜任何资料的话，还是通过百度吗？很多同学都应该通过百度啊，就是其实你们应该要掌握一个很强的一个技能，每个前端工程师其实都应该有这种技能，如果你做前端你都没翻过墙。那你可能就干嘛，你所有的技术都是比较落后的，你想啊，你去百度上面搜到的很多资料都是错的，你拿着一个错的资源在那死命的肯死命的学，你说你能学会吗？肯定学不会啊，百度跟谷歌现在区别在哪？百度就在搭一个商业帝国，是不是谷歌呢？人家有这个什么，有他有自己的梦想，他是干嘛，他是用来拯救世界的，是不是啊，他是用来改变世界的，所以说两个公两个公司在干嘛，两个公司它整个一个气氛就是公司的氛围是不同的，所以说你看我们用百百度，比如说我现在用百度，我去搜，去搜一个什么flex教程啊，这是我们一后会讲这个东西，搜flex教程你会看见这个搜出来的东西，其实呃搜flex还好啊，因为这个flex比较新的东西，就是你会发现你搜出来的东西跟谷歌搜来的东西完全是两个等级的，他这边搜来的东西很老，一五年啊，一四年啊，一三年的都有，明白吧，那这些东西我们说百百度有个东西叫什么？

叫排名进价是不是啊，它里面是不是干嘛，你这个你这个什么，你这个112排的钱，很有可能不是你这个内容好，而是你给的钱多，对不对，那像谷歌就不一样，那我们是说每个前端公司都应该要学会啊翻墙，那翻墙有有不样的软件是不是啊？呃，翻墙这个事情说在国内的话好像是。违法吗？不违法吧，不违法吧，可是你们得会翻吗？就是有，有，有多少同学是翻过墙的？我看一下有吗？手机翻墙你不会去搜搜学习资料啊，是不是说你要用什么用用PC去翻墙对不对，要我这边推荐大家推荐一个比较好的东西，免费的东西啊，叫赛风啊，这个东西比较虽然说这个东西不是很稳定，可是他能翻，有时候搜搜资料还是可以的，一般公司都有自都有自己的一个翻墙的套路，就说你们去公司之后，其实公司内部就可以翻墙，明白吧，虽然说他不对外说，哎，我们公司网络是可以翻墙的，因为你翻墙说实话也是有点违反我们。

国内的一些法律的吧，反正我也不知道什么法律，反正我天天翻是不是，呃，就是你们必须得学会翻，比如说我现在翻翻个墙你看。翻个墙之后好用赛用赛风去连接。呃，这个卡是还算蛮卡，可是你要去搜一些资料的话没问题，你要看视频什么的，那就够呛了，知道OK，那么比如说我这边再搜一个X教程。好，你能在这边看到的所有的东西呢，是不是都是这个，这个为什么时间久呢，说明这个东西好，懂不懂点击的人多，或者他里面这个Su他做的好，所以说干嘛他他比较靠前，或者说他什么点击量比较高，他才会靠前，明白白吗？那一般下面的东西干嘛都是一些比较新的东西，都干嘛都会出现在里面，那一般我去学个技术，你要是上课没听懂，一般我都会来谷歌，我搜一遍，我把它第一列列出来的所有的关于Fla这个文档我看一遍，基本上这个技术从浅到深，所有的东西你都能理解，能明白吗？好像这个东西对你们就学前端，对你自学能力要求特别高啊，我们现在讲这套API，讲完这套API之后，过了两年三年之后，这这这套API肯定是什么新加进来一些东西，那怎么办？你回来再来培训一遍啊，不可能吧，所以你要从上微谷要带走的是不光光是我们现在教给你的东西，你也知道自己要怎么去学明白吧，那明天啊，后天我会给你怎么讲去看API啊，什么看什么W34一些官网啊，那这都会带。

等于去做，能明白吗？可是这边你首先得着急，遇到不会的东西给我翻墙，去搜教程，不要在百度里面去搜，遇到你不会的技术点，或者遇到的bug，不要到百度里面去搜，去墙外看懂不懂，这个时候他能给你提供更好的一些知识，能明白吗？好，晚上回去把赛风整一整下下来免费的，能明白吗？好，这是一个收收东西，一定要翻墙。

第二个一定要站在巨人的肩膀上，我们现在很多API不要去百度啊，上面去找一些API，比如说找CSAPI，找一些什么，找一些什么，就是看这个什么，其实这个东西我说的话，W school里面东西也不是太好，懂不懂也不要看太多，去哪看。NDN，这是火狐维护的一个平台，比如说我像我们今天讲的，我们说看一下这个外WDN啊，这边DOK所这个，那这边有一些主题啊，那像CSS啊，APIDOM相关的相关的东西都会给你列出来，明白吗？那大家看这个外，你看这是不是CSS的一个什么。

一个相当于是个API啊，看这个外好走，你好找到这个外里面，这边我们是不是默认出来都是什么中文的，你可以在这边去选啊，这是我们日本省是不是啊，嗯，这是我们韩国省么？是不是，反正你看看里面会有什么很多语言，你这可可以去选进来，首先看一个属性的API，首先看它的。初始值，其次看它是否可继承，这两点特别重要，明白吧，其次底下的一些语法的使用，那我们我们都一般使用认识跟什么。百分比能明白吗？那下面这些东西都是带实践性的，你可以关注一下，那这些东西都是你要知道的，虽然说你不用太精通，可是你得知道他说的是什么，明明白吗？好，那上面这两个东西你得干嘛看一下规范里面到底怎么说的，那这边都有吗？语法规范事例啊，那底下最后他会告诉你这个规范出出自于哪边，浏览器的兼容性怎么样，明明白，好，这是我们要关注是其他底下他还会给你标出来很多资源，这些资源是特特别靠谱，特别好的资源给他看过去。

API这个事情没有一个老师有有办法从头给你们教到尾，API实在太多，大家看有多少API。你得封这里面都是API，那讲完这个API得一年那天天给你们讲一讲API的话，那你们实在怎么办？讲完API又你们又不会用怎么办，是不是说不能天天讲API，可是API又又那么多怎么办？你必须遇到一个陌生的API给我上NDN去看火狐浏览器怎么实现的，都在这边写着呢。那火狐览器其实是一个比较靠谱的浏览器，它的实现的话是比较标准的，所以你可以看一下火狐怎么实现，它是怎么实现的，需要你注意什么样的坑，在这里面都有，比如说我们最后讲的X，你可以在这边搜一下。好，你看这里面都是flex一些一些属性，那这个怎么去实现的，取值是什么语法，什么事例都有，能明白吗？那这边它也会给你做做做最什么你需要关注的地方，可能什么浏览器里面什么不一样的地方，你可能需要关注一下，对吧，说这个NDN从现在开始到我们检验，到我们结课，基本上你每天都要去，因为你每天都要去认识几个API去看一看，明白吧，好这这又是另外一个事情，NDN你们必你白吧，必须要经常去，比如说我们上午讲的你那。

呃，外刚刚看了吧，不认是不是凹凸啊，你看一下这个。这点好，看一下这个锚点。马的默认值，你看呃，在哪边？默认值你看都是什么？零吧，马是一个结接属性吧，默认是不是都是零啊，因为这是英文的，找到我们什么。啊，这是韩国省吧，日本人找到我们什么中文，你看那这边都会给你有个翻译的，能明白啊，NDN1定要经常去上，这是我们最最靠谱的一个提供API的地方啊，这是另外一个点，好，再有推荐几个站点。

第一个stemment，第二个掘金，第三个七五周刊，这三个是我经常去的一些什么，一些整理性的一些知识性的网站，那七五周刊是360的七五团队在维护，那他的每它的每一期我都会去看，这里面都是前端的内容，懂不懂，虽然说里面有些内容你们可能现在还没有办法去学到，因为这是我们后期课程里面东西，你可以先稍微的去了解了解懂不懂，把每一期里面的东西都给补上，懂不懂从第一期补到他的最后一期，里面都是干货，那讲的都比较深入，那这些文档都是比较好的，对你们之前之前的一什么一些东西，都有什么总结性的一些语言在里面是吗？这里面你们干嘛自己过来看一看，那这是我经常去的，还有什么呢？三格门的就没有经历过三格门的洗洗礼的前端工程师都不叫前端工程师，是不是就没有经过他洗礼的工程师都都不叫工程师，这里面是一个社区，这个社区特别庞大，你可以在里面去提问啊，你可以在里面去什么，去回答其他其他一些什么提问者提提出来的问题啊。

都有，那里面涉及到我们javascript啊，像我们这什么之后学的芒果DB啊，像这CSS3啊，HT5啊，里面很多东西，这里面都是什么资源集聚的地方，你可以进来看看，能明白吧，好，其次另外一个掘金，掘金也是一样，前端的一个社区，那里面的东西质量也比较高，可以过来看看，不光涉及我们的知识点，涉及我们很多，呃，面试啊，或者说整个工作的流程啊，里面都有啊，那这三个地方我是经常要推荐大家去看的，好，还有一个。幺七素材网，幺七素材是什么呢？我们现在教大家去写页面，去画页面，都是一行一行代码带着你们去挑出来，是不是啊，工作的时候你说会出现这种情况吗？一行一行敲代码这种事情，特别是前端页面以及效果一行一行敲，这辈子只干一次就行了，工作的时候怎么办？都去找完整的素材拿过来改，不过你要改，改比自己敲难度要大，你明白吗？你要改的话，你要知道怎么改，你要具体知道这些东西到底怎么实现的，只不过现在不需要你去实现了，你拿人家东西过来改，节约一些开发成本，能明白吗？比如他这边，哎，比如说我现在要做个网站，要做什么个人网站，你可以点到个人网站里面来。

呃，网好像有点慢啊，我们点什么后台模板吧，看有没有。呃，搜出来有点慢，企业网站。啊，稍微有点慢啊，再来一个要起诉他吧。好，你看这些都是素材是不是，你可以随便我看什么来。点一个吧，比如说你现在这种的嘛，要做一个这种这种这种的嘛，类似的一个网页，你可以干嘛？来这边下载资源，他这边也给你提供了演示，CTRLCCTRLV，好OK，那我们出去画页面，我就这么画的，先找到一个差不多的拿过来干嘛。

改改，可是你要知道怎么去改，具体你是不是你要知道改的话，这个页面的布局你是不是得知道干嘛，它是怎么实现的，是不是，所以说干嘛改的话也是需要技术含量的，能明白吗？好，等我们写完我们PC页面，写完移动端页面的话，你们可以来上面去看，很多功能都是类似的，懂不懂就是工作上的事情，所以说什么这边可是下载要钱。九块八一个月。能不能提供应该还行，是不是啊，如果这没没没有这个钱怎么办？可以找你们的小飞老师啊，就是下一个要过来老师，你问他要啊，他肯定会给啊，他的特点就是有钱啊，OK，呃，来看你看像这种案例，像这种案例会有很多，你可以在这边去查看影视，哎，你觉得这个东西好像还不错，可以用在我项目里面，你就把它的资源给我下下来看看它是怎么实现的，然后往里面下，往里面的嘛，项目里面一用，那直接效果就出来了，懂不懂，可是我们之后在你们写，我不会这么干啊，我不会在这边CTLCL啊，我会在你们一行行去写，能明白吗？OK，那这时候说我们之后工作的时候，你应该怎么做，那这边里面的资源还是很多的啊，你可以在里面搜什么，搜一些特效啊，模板啊，H5C3的案例都有啊，好，这是另外的东西啊，需要大家知道。

其次好，你们用谷歌浏览器，你已经作为一个前端工程师了，你不用它的插件，那就是浪费了，你看谷歌浏览器给你提供什么样的插件，看一下，比如说我现在要去什么。去京东啊，京东没有瞎买东西吧。想想应该没有啊，别买这个范冰冰就完了，好来看一下京东，好，比如说现在我干嘛，现在我们说我们自己公司要做个商城，我有很多案例图片，我没有，那怎么办？我要上京东去扒吧，京东怎么不让我上。来个百度吧，百度。呃，不不不是百度什么淘宝疯了我。

淘宝，呃，去天猫也行。京东怎么开不开啊，我们这个网怎么那么慢。好，我们看天猫吧，说天猫上面这些图片我就想扒下来，那怎么办？好，大家看我这边就叫图片助手吧，点开图片助手提取本页图片。好，那京东上面站点上面的所有图片全部被我扒下来了，那这边还在加载啊，啊，因为网比较慢，所以说它提示的比较慢，那这些图片你去干嘛随意拿啊，那这是翻墙之后你才能去按照插件去哪谷歌里面这边是不是有有个更多工具啊，有个叫扩展程序啊，点开这个扩展程序，我现在里面是不是有很多扩展程序啊，你可以在这面获取更多，去他的谷歌商店，可是你如果用国内的网就上不去，因为咱们国内是不是有一个特别强的东西叫什么。是不是不是有堵墙啊，就是这是外网才能进的，能不明白，那一旦你进入到这里面，我就告诉你，你进入了另外一个世界，你会发现很多很多有用的插件，比如说女孩子比较喜欢的买东西嘛，是不是我先干嘛，先来个全网比较是不是，比如说买范冰冰啊，不行，买一个买一个什么，买一个硬盘吧，比如说现在我要买一个硬盘。

买一个硬盘，大家看我点击，呃，不是硬盘。好，这个扩展程序特别有用啊好，呃，这是提取图片的，重新来吧，好，全网比较好，这边我说买硬盘搜一下，好，你看他会把全网干嘛，你看就是这种类型的硬盘，全网有几家几个商城在卖，商城的价格是什么样的，哪个价格最低，全部帮你干嘛排出来了，这个时候能帮你省很多钱的，能明白吗？而且像这种平台都是干嘛。有保证的平台，他不会给你随便上网干嘛，修一个什么，你不知道一个嘛，什么什么什么杂货店，那是不可能的，那都是什么，都是一些比较有就是有名气靠谱的一些平台，能明白吗？就是说这种啊，像这些东西，比如说我现在你们看到我这个页面现在后后面这个背景这么炫，是不是它也是谷歌一个插件。

去做的能明白吗？所以说你们怎么办啊，我可以给你们看看上个外网。好，呃，这个时候可能连起来有点慢了，好像大家都在用网是吧。好连上去之后去外网我们来看，我们找到更多工具里面扩展程序啊，这个里面你们什么买家秀什么都都有啊，你可以去什么更多扩展工具。好，呃，加载稍微有点慢。好让他稍微交待一会儿。好，这是谷歌的网上应用商店，好，里面很多免费的东西，功能特别强大，你们你们现在什么可能你要去量一些元素吧，比如说现在我页面上有些元素要量，看我这边，我这边有把尺子。

好，把尺子给你开开来。好，我这边这边有把尺子，那我拿到这个尺子之后，你看点开这个尺子这边是不是就可以去量了。啊，量的信息都在下面出来了，懂不懂，那提供了很多丰富有用的工具，那这些工具需要你们自己去搜，比如说比如说你像现在嘛，进到了这个什么商店里面的吧，比如说你喜欢踢足球，喜欢打篮球的是不是，你可以搜一下篮球，看他会给你出来什么，是什么样应用，很有可能干嘛，他给你做这个应用就干嘛，你点击之后他干嘛，可以根据你这个电脑的位置，帮你搜一下附近的球场，哪个球场人气比较旺啊，都会有，对不啊，那这就是谷歌强大的地方，百度有吗？没有，那就是谷歌应用商店最强大的地方就是对吧，它设置了成千上万插件，而且这插件并不是谷歌一家公司在写，懂不懂世界上的所有的开源爱好者，他们都会往这个插件里面去，去提交他们自己的代码，就是这个插件么，是特别有用的，之后你们学框架，你们可以在这边去搜JA query，他有很多JA que的什么比较好的一些插件，因为现在网比较慢啊，所以你们自己回去之后，翻墙之后你去搜它有很多这块插件帮助你去学习，学习这块的能理解，以后你们学框架，学react，学view，那肯定要来这边去装很多插件，那这些插件都是为了干嘛，能简化大家的一个学习的一个难度，能明白吗？好，那这个事情一定要做起来，好，那到现在我讲了几件事情。第一个。

收东西去墙外，第二个几个社区经常给我去逛，第三个找素材去邀请素材网，第四个我们说的就是谷歌给我们提供的插件，要用起来懂不懂别人自己手上拿这个神器，你都不知道怎么甩，能明白吗？OK，那我把一些插件关掉啊，有些不好的插件我就不给你们看了啊，你们自己去搜还是蛮好玩的，OK。好，那这是我们说的啊，一个学习的一个方法啊好嗯。