百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 居中详解2018-05-11 20:43

    说到布局除了浮动以及定位外还有一个不得不提的点,那就是居中,居中问题我们在网页布局当中经常遇到,那么以下就是分为两部分来讲,一部分是传统的居中,另一种则是flex居中,每个部分又通过分为水平垂直居中来讲。 一、传统居中方式 1.1水平居中 1.1.1 inline 对于inline元素以及纯文本只需要为父元素设置text-align: center;适用于 inline, inline-block, inline-table, inline-flex 1.1.2 block 对于block元素则需要为想要居中的block设置margin: 0 auto; 1.1.3 more-block:…

    1445次浏览250评论
  • 非常抱歉的地方 因为对于图床概念的疏忽,导致上传的笔记图片都会出现失效问题,但是CSND里的博客都是没有问题的,问题就在于其他博客网站对于用户的图片访问权限设置会造成其他用户访问时反馈403错误,所以,我正在努力用图床替换所有笔记的图片地址,大家如果看到什么不正常的地方,请移步我的CSDN博客:会飞的小鹿,上面有完整的图片解释!抱歉!!! git安装 首先,我们要去git的官网下载一个git安装包,双击到无关紧要的步骤我就不详细描述了,直接介绍我们关键的步骤。 选择git包含的内容和打开方式 选择都很清晰,具体情况我不是很清楚,不过选择中间集成资源管理器的好处是左面右键菜单添加了bash和g…

    1106次浏览10评论
  • day11-css图片遮罩层2018-05-10 15:02

    1、将遮罩层html代码与图片放在一个div我是放在 .img_div里。 <div class="img_div"> <img src="./images/paella-dish.jpg"> <a href="#"> <div class="mask"> <h3>A Picture of food</h3> </div> </a> </div> 2、为图片及遮…

    521次浏览11评论
  • PS切图2018-05-10 10:19

    有效的快捷键放大图片:”CTRL” +“+”缩小图片:“CTRL”+ “-”显示隐藏参考线:CTRL”+ “;”移动工具:V合并图层: “CTRL”+ “E”自己设置的快捷键转换为智能对象: ”CTRL” +“,”编辑内容: ”CTRL” +“.”显示隐藏图层:”CTRL” +“/”栅格化图层样式 “SHIFT”+“CTRL”+“P”栅格化图层 “SHIFT”+“CTRL”+“M”重点选择移动工具,并在选项中选中“自动选择”和“图层”方法1、选择图层,右键“转换为智能对象” ,右键“编辑内容”,出现提示框的话直接点击“确定”即可2、photoshop cc 20151)选择“编辑”=》“首选项…

    527次浏览20评论
  • 第九天到第十一天2018-05-06 15:20

    为期三天的任务,是将设计稿转化为网页,利用所学的html和css的知识。 实话说,这对于我而言,真的是一个艰难的任务。简单的看看这次的困难有哪些。 完全没学过ps, 不懂切图 只写过简单的布局demo,对于整站的布局,感到无从下手,(换句话说,这26个字母我都认识,可他们一拼在一起,就不明白了) 页面元素他们各种的属性确定,又如何去进行设置。 当然,再看一下,怎么去解决这些问题的,虽然解决的方法很low,但最终还是写出来了吧。 对于ps, 通过简单的了解切图的步骤,勉强切出了小图片,至于大块的背景图(这里搜索了一下),然后在相应的图层直接导出png。2.如何去确定某个元素的属性值呢,这里就用…

    1253次浏览138评论
  • 学习切图2018-05-06 05:02

    切图工具 上一篇有讲过工具栏中的“剪切工具”,其实剪切工具里边一共为我们提供了四个工具。分别为“裁剪工具”、“透视裁剪工具”、“切片工具”、“切片选择工具”。 image 图中的“切片工具”、“切片选择工具”是我们切图需要用到的两个工具。“切片工具”和“选择工具”有点相似,都是选择一个区域,不同的是切片工具选择了区域后会标记为一个切图。例如下图中我使用了切片工具切了一个小片,左上角的03表示切片的名字。 image 如果我们使用切片工具切了十几张图,现在觉得某些需要调整或者删除,这个时候我们就可以使用“切片选择工具”,顾名思义可以用来选择我们之前切出的图。然后右键选择的图弹出菜单,菜单…

    1102次浏览21评论