大三暑假实习---sass学习

大三暑期选择实习:

工做内容:前端web实习
实习地点:武汉光谷
公司规模:创业型公司,前端开发人数为9人,实习生5名css

1.实习内容总结:

2.sass学习

实习内容:sass学习,并使用sass更改以前的页面的css
实习完成时间:2天
实习过程html


sass学习:
以前学习了css,对其理解是像是咱们用Photoshop设置图片的属性同样,只不过css设置页面是以代码的形式呈现出来。只能够开发样式,而不能进行编程,学习完sass之后有了很大改变。
给CSS加入编程元素,称做”CSS预处理器”(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,而后再编译成正常的CSS文件。
学习的过程:
1. 看文档
sass中文文档
这个是官方的中文文档
阮一峰 sass用法指南
阮一峰老师写的东西,都是重点要用的,因此想即学即用的能够看
sass入门篇      sass 进阶篇
慕课网上的课程,仍是喜欢看视频学习,打算有空再看
2. 安装Ruby
SASS是Ruby语言写的,可是二者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,而后再安装SASS。
ruby 下载安装
因为这一步是老大快速的安装,一下而过,本身也没有太注意
3. 练习基本的小例子前端


修改以前的网页:
以前用作网页写css大概分为这几个部分:
1. reset部分 清除网页中的默认样式:
reset.css基本的样式
2. 全局样式
3. 局部样式
而在用scss改变样式时,须要作一个全局的概念,个人理解就将全局的能够定义为变量,或者Mixin ,“还有尽量的模块化”,老大这么说的,因而本身一些就认真的作了模块化,分的好细,哈哈哈,老大看了太细了(/≧▽≦)/,以为本身仍是没有理解好.web

最后仍是顺利完成任务,但是以为本身作的并很差.编程


本阶段总结
学习完sass,以为css原来能够这么玩,我觉这样很是方便的前端的维护,两天学习完的,因此呢高级的更本没有基础,只是大概知道了怎么用,和思想。若是要完整的设计还差的很远,还要努力学习。sass

stay hungry stay foolishruby