關于Html+css階段學習總結

CoXie 發布于2019-08-30 14:21 / 2338人閱讀

摘要：再之后，通過專業老師的指導，開始進行前端知識的全面及系統性的學習。而這篇文章便是對這次學習的一次階段性總結。的學習并不是太難，也可以說是很容易，但千里之行，這才剛剛開始，熟練的掌握，還需要不斷的練習。

一、學習經歷

進入大學不久，就加入了社團，從而對前端有了一個初步的了解，之后也做過一些學校的官網，積累了一些微小的經驗。
到了大二的時候，學校開設了專門的html+css課程，從中也學到許多新的html，css知識，也學到了如何規范的編寫代碼。但由于個人的懶散，兩年半的時間大多是渾渾噩噩的度過，到頭來并未學到太多有深度的知識。
再之后，通過專業老師的指導，開始進行前端知識的全面及系統性的學習。而這篇文章便是對這次學習的一次階段性總結。

二、學習感受

細枝末節，一點一滴的積累

聽專業老師講課，最明顯的一點感受，就是他會提出一些特別的方法，用最簡單的屬性來實現你想要的效果。
例如 呼吸燈 案例。

在我看到這個案例時，第一想法當然是將 div 設置為 border-rudios:50% 的圓形容器，兩個一嵌套，再通過animation 或 js 來控制動畫就完事了。

HI

然而，老師卻提了一個問題，如何控制寬高相等？————當然是設定固定寬高了！老師又問，有沒有別的比較簡單的方法呢?————當然是有的啊！老師這樣問，那當然是有的吧:)然而我那榆木腦袋卻是想不出個什么方案出來。

子元素對于父元素有繼承關系，其寬度默認填充父元素寬度，此時，諾是將父元素設為正方形，使子元素高度為100%，那么子元素是不是必然也是一個正方形？再通過父元素的 padding 屬性來控制子元素的大小，這樣豈不是很方便？當然，前提得將 div 設置為邊框盒子(box-sizing:border-box)。

原來 padding 還可以控制子元素的大小！在這之前，我僅用它進行定位而已。
后來，我又學到，在容器（邊框盒子）寬度不固定時，如何使其成為一個正方形（在練習手機音樂播放界面時）。

width: 50%;
height: 0;
padding-bottom: 50%;

在父元素寬高不固定時，通過 padding-bottom 使得容器高度與寬度一致，從而制作成圓。

總結

如上所說的關于 padding 知識，都是對基本屬性及知識點熟練掌握之后便可以較為容易想到的，可見那些基礎知識點是多么的重要。
希望之后自己能多注重基礎知識的積累，并將其融匯貫通。
html+css 的學習并不是太難，也可以說是很容易，但千里之行，這才剛剛開始，熟練的掌握 css，還需要不斷的練習。

云服務器 GPU云服務器深度學習階段還在學習階段機器學習學習總結機器學習總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115959.html

關于Html+css階段學習總結

摘要：再之后，通過專業老師的指導，開始進行前端知識的全面及系統性的學習。而這篇文章便是對這次學習的一次階段性總結。的學習并不是太難，也可以說是很容易，但千里之行，這才剛剛開始，熟練的掌握，還需要不斷的練習。一、學習經歷進入大學不久，就加入了社團，從而對前端有了一個初步的了解，之后也做過一些學校的官網，積累了一些微小的經驗。到了大二的時候，學校開設了專門的html+css課程，從中也學到...

Rindia 2019-08-02 10:06 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

instein 2019-08-26 12:18 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

khs1994 2019-08-26 12:16 評論0 收藏0
堅持：學習Java后臺的第一階段，我學習了那些知識

摘要：最近的計劃是業余時間學習后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺很遙遠。為了快速進入后臺的開發，我也要加快腳步了 showImg(https://segmentfault.com/img/remote/1460000016070790?w=899&h=499); 最近的計劃是業余時間學習Java后臺方面的知識，發現學習的過程中，要學的東西真多啊，讓我一下子感覺...

April 2019-08-19 11:00 評論0 收藏0