1. 程式人生 > >學習前端的第十天

學習前端的第十天

 

是無論如何也不想學習的今天。剛剛考完了物理,很糟糕了,緊接而來的又是運動會的放假,四天小長假啊。不知為何突如其來的疲憊,就是很累。我是一個過於糾結的人,又想休息又覺得休息是一種罪惡浪費時間。很喜歡耿老師今天說的話,原地踏步是自己挖墳自斷後路。沒錯吧,現在很晚了,因為,不斷消磨時間,其實什麼也沒有做呢,十月的最後一天,萬聖節?似乎這樣的事情離我很遙遠了。

 

第十天,不能就這樣放棄,還是要堅持啊。

 

10.31 21:27——開始學習屬性選擇器。屬性選擇器分為:存在和值選擇器和子串值屬性選擇器。

實話是那天我不知道怎麼就沒有繼續學習下去。可能就是分心做其他事情了吧。

 

墮落起來總是很容易,已經三天沒有學習前端,沒有背單詞,時間一推再推,無非是拿著手機放不下來。

 

我覺得什麼東西一旦開始了,進行的總是很快的,但在開始之前,於我而言是最磨蹭是最慢的,要去圖書館了,我會這樣想在宿舍,我就休息五分鐘,我就再打一把遊戲,接著就從晚上五點到了七點到了九點,就不早了,也沒有時間了。又覺得去圖書館好遠啊,要走很久,在開始之前就把自己嚇住了,可,從宿舍到圖書館真的很遠嗎?只要從宿舍走出來三分鐘不就也能走到了嗎。最遠的距離不過是踏出宿舍門的那一步,那一步有十萬八千里。那麼只有每一次想著踏出這一步就是走了十萬八千里會不會覺得很有成就感呢?哈哈,踏出這一步太難了。而墮落起來也真的是太容易。其實如果踏出了走出宿舍門的這一步,世界都可以到達吧。這個星期我回了家,只要出發了回家也很快啊,到了車站,上了車,什麼都是一步一步進行下去,有條不紊,火車不會拖延,成功不會等待。又想起環青海湖騎行,之前那麼多顧慮,對未來發生的事情覺得有那麼多空白需要填補。可真的一旦出發了,走出去了,每一個時間的細節都有了。這不也就回來了,完成了一個自己的小小夢想,覺得大一做的最值得自豪和驕傲的事情就是這個了。

 

我從來不敢和父母說,我在大學的成績很不好,所以每個週末壓力又都好大,覺得欠下好多課程。所以週末別說素拓了,基本的課程都完不成,可什麼時候能趕上呢,我再也回不去高三的時候的自己了,我也不知道我究竟變成什麼樣了,我最頂峰的時候是初三。那次年級第三,我一輩子都記得,我超過那個人了吧,雪恥了吧。我的高三再沒有回到初三,我的大學也再沒有回到高三,其實就連我的初中也沒有回到小學啊,每天跳繩鍛鍊,每天早起,每天早晚聽英語15分鐘讀英語5分鐘。這些最優秀的東西說丟失可是就真的丟失了。

 

現在是2018.11.3 16:08.一晃三天都過去了。

 

MDN屬性選擇器的文件裡利用主動學習的機會給足球比賽結果新增樣式。樣式的新增很成功,雖然有很多不熟悉,但我相信會慢慢變好。

 

 

 

簡單瞭解。開始重看字型樣式。常用字型:serif,sans-serif,monospace,cursive和fantasy。5:20吃飯。

 

21:17.學到十點開始背150個單詞。玩了一下text-shadow。有趣。

完成百度前端學院的第三個小任務。用學到的樣式塗滿簡歷。使用到如下簡單樣式:color,font-family,font-style,font-weight,font-size,text-align,text-decoration,text-indent,line-height,text-shadow。

都用上了,也都理解了這些樣式是什麼意思,沒有別人做的好看效果那麼多,只是在自己的基礎上增添了一些樣式。其實還是很單調很垃圾。

 

回顧自己掌握的概念,回答幾個問題:

1.  什麼是css,css是如何工作的?

Css是一種用來表現html等檔案樣式的計算機語言。Css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。Css能對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。Css是如何工作的呢?這個問題應該是這樣問:瀏覽器是如何渲染css從而產生效果的:總的來說分為五步:一是處理html標記並構建DOM樹,二是處理css標記並構建CSSOM數,第三步是將DOM與CSSOM合併成一個渲染樹。四根據渲染樹來佈局,以計算每個節點的幾何資訊,五將各個節點繪製到螢幕上。

2.  CSS基本語法是怎樣的?

屬性及其值形成宣告,多個宣告形成宣告塊,宣告塊和選擇器形成完整的CSS規則。

3.  CSS選擇器是什麼概念,簡單選擇器和屬性選擇器是什麼?

選擇器是CSS規則的一部分且位於CSS宣告塊之前。在CSS中,選擇器用於定位我們想要樣式化的網頁HTML元素。簡單選擇器是指通過元素型別、class或id匹配一個或多個元素。屬性選擇器是指通過屬性/屬性值匹配一個或多個元素。

4.  文字樣式都有哪些相關屬性,對應哪些值。

這個太多了吧。Color:red;font-family:serif,fantasy,font-size:36px,font-style:italic,font-weight:bolder,text-transform:uppercase,capitalize,text-decoration:underline,text-shadow:1px,1px,3px,purple,text-align:center。。。等等等。

明天開始學習背景邊框列表連結和更復雜的選擇器了,有點難。我學的好慢還拖沓。11:51.