大三暑假實習 sass學習

2021-07-16 23:14:16 字數 1165 閱讀 6712

工作內容:前端web實習

實習地點:武漢光谷

公司規模:創業型公司,前端開發人數為9人,實習生5名

2.sass學習

實習內容:sass學習,並使用sass更改之前的頁面的css

實習完成時間:2天

實習過程

sass學習:

之前學習了css,對其理解是像是我們用photoshop設定的屬性一樣,只不過css設定頁面是以**的形式呈現出來。只可以開發樣式,而不能進行程式設計,學習完sass以後有了很大改變。

給css加入程式設計元素,稱作」css預處理器」(css preprocessor)。它的基本思想是,用一種專門的程式語言,進行網頁樣式設計,然後再編譯成正常的css檔案。

學習的過程:

1. 看文件

sass中文文件

這個是官方的中文文件

阮一峰 sass用法指南

阮一峰老師寫的東西,都是重點要用的,所以想即學即用的可以看

sass入門篇

sass 高階篇

由於這一步是老大快速的安裝,一下而過,自己也沒有太注意

3. 練習基本的小例子

修改之前的網頁:

之前用做網頁寫css大概分為這幾個部分:

1. reset部分 清除網頁中的預設樣式:

reset.css基本的樣式

2. 全域性樣式

3. 區域性樣式

而在用scss改變樣式時,需要做乙個全域性的概念,我的理解就將全域性的可以定義為變數,或者mixin ,「還有盡可能的模組化」,老大這麼說的,於是自己一些就認真的做了模組化,分的好細,哈哈哈,老大看了太細了(/≧▽≦)/,覺得自己還是沒有理解好.

最後還是順利完成任務,可是覺得自己做的並不好.

本階段總結

學習完sass,覺得css原來可以這麼玩,我覺這樣非常方便的前端的維護,兩天學習完的,所以呢高階的更本沒有基礎,只是大概知道了怎麼用,和思想。如果要完整的設計還差的很遠,還要努力學習。

stay hungry stay foolish

大三暑假前端實習日誌

2018.7.9 到達公司,完成了基本的人事報到。找到自己座位,連線好電腦。前端帶實習的負責人找我進行了一次簡單的談話。1.學會使用公司郵箱 2.獲取許可權 3.搭前端環境 接到任務,安裝工作需要的一些基本軟體,1.學習使用svn svn 版本控制器 在工作中方便協作和版本控制 2.安裝node.j...

北京智課網前端暑假實習生一面面經 大三

一面 css相關 display屬性的值,position屬性的值,偽元素有哪些?給兩個 123 456.parent child left right頁面是怎麼顯示的?6和5被擠到下面去了 父元素的高度是多少?0 如何讓父元素高度等於子元素的高度?bfc布局,或者加乙個子元素使用clear bot...

Sass 初級學習三

1 運算 2 sass帶的一些函式 abs 求絕對值 round 四捨五入 ceil 向上取整 floor 向下取整 percentage 百分比 等 3 字串函式 str length 獲取長度 to upper case 大寫 to lower case 小寫 str index 獲取字串在另乙...