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

来源:互联网 发布:银行模拟软件 编辑:程序博客网 时间:2024/04/30 22:44

大三暑期选择实习:

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

1.实习内容总结:

2.sass学习

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


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 ,“还有尽可能的模块化”,老大这么说的,于是自己一些就认真的做了模块化,分的好细,哈哈哈,老大看了太细了(/≧▽≦)/,觉得自己还是没有理解好.

最后还是顺利完成任务,可是觉得自己做的并不好.


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

stay hungry stay foolish

0 0
原创粉丝点击