精通CSS(4 3投影) 黑客與畫家(序 書呆子)

2021-08-02 16:11:36 字數 2854 閱讀 2230

6.box-shadow:瀏覽器本身建立的投影,而不依靠外部的投影圖像。

7.box-shadow有四個屬性值:垂直偏移

/水平偏移

/投影寬度(模糊程度)

/color

8.三種投影的區別:

①簡單的投影:通過margin

實現投影效果。

②clagnut

:通過調整顯示影象實現投影。

③box-shadow

:最省事,不需要投影圖像,利用自身四個屬性值實現投影效果。同時可與

border-radius

搭配。①②共同點:需要投影圖像/

對於展示影象是相對定位的

/有一層白色的背景色。

二.黑客與畫家(①為什麼書呆子不受歡迎)

1.運營創業公司,每天都像在戰鬥;而為大公司工作,就像在窒息中掙扎。

2.傾聽使用者的聲音,琢磨他們需要什麼,就去做什麼。

3.make something people want./l made something people want.

4.hacker:高度的革新、獨樹一幟的風格、精湛的技巧

&求解問題過程中產生的愉悅和享受。

5.出於興趣而去解決某個難題,不管它有用與否,這就是黑客(richard stallman)。

6.黑客三大特點:好玩/高智商

/探索精神。

7.hacker ethic:

①access to computer-and anything that teach you something about the way works-should be unlimited and total.always yield to the hands-on imperative.

使用計算機去探索事物發展的本質應收到大力的支援。任何事情都應親自嘗試。

②all information should be free.

所有資訊都應是共享的

③mistrust authority-premote decentralization.

不盲信權威,提倡去中心化

④hackers should be judged by their hacking,not bogus criteria such as degrees,age,race or position.

判斷黑客的水平應是他的技術能力,而不是學歷、年齡、地位或其他的條件。

⑤you can create art and beauty on a computer.

你可以在計算機上創造美和藝術。

⑥computers can change your life for the better.

計算機使生活更美好。

8.對於黑客來說,關著門就是一種挑釁,而鎖著的門則是一種侮辱。

9.任何一門藝術,不管重要與否,如果想要在該領域出類拔萃,就必須全身心投入其中。

10.書呆子被教導追求正確答案,而受歡迎的小孩被教導如何討人喜歡。

11.當你跳上蹦床時,以你的腳為中心深深陷下去一大塊,而你會公升高很多。同樣,在任何社會等級制度中,那些沒有自信的人就通過虐待他們眼中的下等人來凸顯自己的身份。

12.你在其他地方有所得,就會在這裡有所失。【失即是得】

13.成年人不知道孩子們內部發生的事。

14.野蠻的內部文化。

15.書呆子已經在思考問題了,而不是把全部精力耗費在毫無意義的遊戲中。

16.我感到自己彷彿是個探險家,正在目睹某種奇特的部落儀式。

17.逃離這種空虛生活的唯一方法,就是改變自己所想。

18.學校只是乙個短暫的過程,只要你向前看,你就能超越它,即使你現在身處其中。

css單邊投影與雙側投影

box shadow做單邊投影的核心是第四個引數 擴張半徑,這個引數會根據你指定的值去擴大或縮小投影尺寸,如果我們用乙個負的擴張半徑,而他的值剛好等於模糊半徑,那麼投影的尺寸就會與投影所屬的元素尺寸完全一致,除非使用偏移量來移動他,否則我們將看不到任何投影。因此,如果此時給予一邊乙個正的偏移,你就會...

css單邊投影與雙側投影

css單邊投影與雙側投影 box shadow做單邊投影的核心是第四個引數 擴張半徑,這個引數會根據你指定的值去擴大或縮小投影尺寸,如果我們用乙個負的擴張半徑,而他的值剛好等於模糊半徑,那麼投影的尺寸就會與投影所屬的元素尺寸完全一致,除非使用偏移量來移動他,否則我們將看不到任何投影。因此,如果此時給...

《精通css》筆記

1.要知道常用選擇器 id選擇器,類選擇器,型別選擇器,後代選擇器,偽類選擇器 文件結構之外 通用選擇器 高階選擇器 子選擇器,相鄰同胞選擇器,屬性選擇器 2.選擇器特殊性分級 3.層疊和繼承的區別 4.設計 的結構,使用風格統一的大注釋塊分割每個部分 一般性樣式 輔助樣式 頁面結構 頁面組建 覆蓋...