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

本系列的文章將會(huì)按照內(nèi)容分為幾大類(lèi)，不管是哪一類(lè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)畫(huà)。本來(lái)我初步的設(shè)想是使用js來(lái)控制dom元素達(dá)到動(dòng)畫(huà)的效果，但是經(jīng)過(guò)一些嘗試之后，發(fā)現(xiàn)實(shí)在是太復(fù)雜，因?yàn)椴煌瑒?dòng)畫(huà)階段之間的時(shí)序和dom元素之間的協(xié)調(diào)性不太好控制。后來(lái)轉(zhuǎn)向了使用css3來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果然后再配合js做一些時(shí)序工作，發(fā)現(xiàn)效果還不錯(cuò)。

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

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

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

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

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

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


在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)