手冊(cè)簡(jiǎn)介

本系列的文章將會(huì)按照內(nèi)容分為幾大類,不管是哪一類都是筆者學(xué)習(xí)CSS的沉淀。

手冊(cè)說(shuō)明

本系列是一個(gè)隨筆式的學(xué)習(xí)筆記,主要記錄與css相關(guān)的一系列內(nèi)容。

為什么會(huì)有這個(gè)系列

前段時(shí)間在討論產(chǎn)品的12月份迭代內(nèi)容時(shí),產(chǎn)品給出的需求是:要求首頁(yè)改版,并且新版本的首頁(yè)要求酷炫一點(diǎn),特出產(chǎn)品的特點(diǎn)以及功能。最后要的要求是,使用前端技術(shù)做出一個(gè)比較連續(xù)的動(dòng)畫。本來(lái)我初步的設(shè)想是使用js來(lái)控制dom元素達(dá)到動(dòng)畫的效果,但是經(jīng)過(guò)一些嘗試之后,發(fā)現(xiàn)實(shí)在是太復(fù)雜,因?yàn)椴煌瑒?dòng)畫階段之間的時(shí)序和dom元素之間的協(xié)調(diào)性不太好控制。后來(lái)轉(zhuǎn)向了使用css3來(lái)實(shí)現(xiàn)動(dòng)畫效果然后再配合js做一些時(shí)序工作,發(fā)現(xiàn)效果還不錯(cuò)。

溫馨提示:如果您想通過(guò)邊學(xué)邊練的方式學(xué)習(xí)CSS,那么請(qǐng)您移步CSS微課!

前面說(shuō)了這么多,其實(shí)都是序曲。因?yàn)檎揭驗(yàn)檫@件事讓我意識(shí)到,我應(yīng)該寫一個(gè)系列博客來(lái)容納一些關(guān)于CSS相關(guān)的東西。其實(shí)CSS,特別是CSS3,是一個(gè)很有搞頭的東西,平時(shí)在工作中,我也遇到過(guò)各種非常巧妙的CSS的小技巧,當(dāng)然也有遇到各種坑。我覺得把這些記錄下來(lái)應(yīng)該是很有意義的吧。

除了上面的理由之外,還有一個(gè)原因就是,我本人的CSS能力相比JavaScript而言是較弱的,因?yàn)槠鋵?shí)我是一個(gè)半路出家的FE,之前對(duì)這些也沒有系統(tǒng)的學(xué)習(xí)過(guò),很多時(shí)候都是現(xiàn)學(xué)現(xiàn)賣。所以這個(gè)系列博客的另一個(gè)作用就是我學(xué)習(xí)CSS相關(guān)知識(shí)的一個(gè)沉淀。

本系列的文章將會(huì)包含如下的幾個(gè)內(nèi)容方向,

  • 常用的或者不常用的CSS布局技巧
  • 各種CSS兼容技巧
  • 涉及CSS3的各種酷炫效果研究

可能以后還會(huì)增加更多的內(nèi)容吧。:)


在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)