南大軟院大神養成計畫 第三天

2021-07-07 07:15:39 字數 1556 閱讀 1734

今天是11月18號,離南大軟院大神養成計畫實施已經過去了三天,在這三天裡,我仍然在複習基礎教程。今天我學習的課程是「如何用css進行網頁布局」和「網頁布局基礎」。兩個課程都是講解css的基礎部分,內容有所重合,但是又有所不同,雖然在開學初的網頁工程實訓的時候,我已經學習了一些css網頁布局基礎,但是我只是學習了一些基礎的語法,並沒有接觸太多例項,今天學習的兩門課程都引用了大量的例項來解釋如何進行網頁布局。

最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於

最初的包含塊。它主要是用「left」,「right」,「top」,「bottom」來確定元素的位置,比如《div》。然後接下來講師講到了用float進行混合布局,這個雖然在以前的學習中沒有熟練地掌握到,但是在後面的程式設計中我慢慢理解到了float的技巧,現在已經可以熟練地運用進行布局了。float可以設定三個引數,分別是「right」,left,none;float有流動的意思,所以設定了float熟悉的元素,比如div,就可以在父級元素裡面進行相應的流動,比如設定「float:left;」,那麼div元素就會在相應的區域裡向左流動,在網頁布局中,我們常常會使用到float的屬性。最後講師講到了什麼是網頁布局,網頁布局就是通過css將div擺放正確,那什麼是擺放正確呢?根據我的理解就是,使網頁變的好看,當然了現在網頁開發,通常是分為前端和後台開發,前端開發人員一般不會自己設計網頁布局,一般都是美工人員用ps繪製好了乙個網頁,然後程式設計師根據這個,去正確擺放div,去進行網頁布局。

第一門課還介紹了w3c標準,昨天的學習,我了解到了w3c標準,但是沒有詳細的去了解,今天講師講了w3c標準的概念,w3c標準是由全球資訊網聯盟制定的一系列標準,包括結構化標準語言,表現標準語言,行為標準語言,倡導結構,樣式,行為分離。其中表現語言就是css。其中講到了3中定位標準,分別是normal flow,floats,absolute。這就是第一位講師講的大部分內容,我覺得新手必須要掌握這些知識。

接下來就是第二位講師的課程了,看完第二位講師的課程之後,我感覺她所講的東西都是關於盒子模型的,那什麼叫盒子模型呢?

盒子模型,在當初我剛剛接觸到的時候,我並不是特別理解,因為感覺有些複雜,然後慢慢看書後,才明白,為什麼它叫盒子模型了,盒子模型主要由塊級元素和行級元素構成。每個盒子都有:邊界、邊框、填充、內容四個屬性。盒子模型是網頁布局的基石,這就是為什麼這位講師要再講一遍網頁布局基礎,因為上一位講師只是簡單的介紹了一些css知識,並沒有講到盒子模型,而第二位講師剛好補充這部分內容,我覺得這點非常好,讓學習者學習有乙個先後順序,先學習基本語句,然後再學習一些高深的結構。由於大部分知識,第一位講師已經講到了,而第二位講師只是教我們如何去用盒子模型設計網頁布局,所以知識點我就不敘述了。

在第二位講師所講的內容裡,我學習到了如何清除浮動方法,講師介紹了兩種主要的方法,乙個是設定clear屬性,乙個是同時設定width:100%+overflow:hidden。兩種方法都蠻有效果的,講師還親自演示了這兩種方法的效果。

今天由於課多,也比較忙,所以就沒有學太多的知識,其實也就是複習一下以前所學的知識,然後補充一些沒有接觸過的知識,期待明天的學習,感覺學習就是乙個日積月累的過程,如果每天學習一點,那麼短短的21天裡,學習到一門新的語言是完全沒有問題的。

南大軟院大神養成計畫 jquery

總算前進了一部分,進入新篇章的學習 1 id選擇器獲取頁面中指定的標籤並返回唯一乙個元素格式 id 2 elemement選擇器根據元素名稱找到 元素,可以呼叫.css 設定格式 element 3 class選擇器通過元素類別屬性查詢元素 class 獲取元素名稱.attr 4 選擇器,選擇全部元...

南大軟院大神養成計畫第四天

今天深入學習了css的相關應用,css在基礎應用下還具有繼承 層疊等特殊性。還有盒模型的應用,margin top margin right margin bottom margin left和border top border right border bottom border left和pad...

南大軟院大神養成計畫第二天

今天學習的是前端開發工具中sublime 的相關應用,自動儲存 自動識別 命令模式 多行游標,還有goto anything等等,乙個開發工具就差把 打出來了,人類的智慧型果然是無窮的。我更要努力學習了啊。在這個開發工具中,我對多行游標的記憶尤為深刻。快速置換同一單詞,統一更改語句,ctrl k,c...