1. 程式人生 > >css課程學習總結

css課程學習總結

2017年11月5日,再有幾天就已經正式學習上課一個月了(上個月8號來的 ),這個月學習的東西總的來說分為兩大類,html和css的基本學習(應該是很基本的了),雖然囊中羞澀,但上次還是做完了html的總結,今日閒暇,再做一下css的總結吧,有時候覺得自己的還是不太完美,但是能想得到的都加在這裡了。

一:css的樣式,及其作用,

前面的學習學的是html,簡而言之的來講,html就像是在蓋房子,而css就像是給房子室內裝修,美化,沒錯~,最主要的作用之一就是美化頁面,html做完基本構架,css進行美容裝修,樣式分為三種基本型別;行內樣式、內嵌央視、外部樣式。

還有css的基本格式     選擇器{屬性:屬性值;}  或者是選擇器{宣告;宣告}(大多數人會把屬性屬性值和成為一條宣告)

二:選擇器分類

那麼既然上面說到了css的基本書寫結構,裡面有說到一個新的名詞,選擇器,那下面就說一下選擇器的分類吧!分為基本選擇器和複雜選擇器兩大類(就是一個是單一的選擇器,一個是複合的選擇器)

三:css的元素分類,

元素主要分為三大類,行內元素、塊級元素、行內塊元素。元素的分類名稱是按照元素的特點來分的,

四:css的常見屬性

對於屬性的瞭解是最基本的,我個人認為,由於css的屬性等東西太過於瑣碎,不是很好記,所以更需要好好去牢牢記住這些東西

  

五:div的學習

實際上我本人覺得,關於css基礎學習,有兩大不好理解的,一個是div,另一個就是浮動(以及清除浮動)    需要知道div的組成以及他們之間的關係

六:外邊距問題

垂直外邊距合併 ,垂直外編劇塌陷


七:浮動

浮動!!我就覺得自己學習的時候,浮動讓我很頭疼,不是說不明白怎麼回事,什麼都能理解,就是總是忘記浮動,要麼就是忘記清除浮動,真的很頭大,現在雖然好點了,但一直自認為,這還是自己的薄弱之處,下面的筆記也很詳細,希望能有所幫助不管對自己還是他人。

八:元素的隱藏

算是小小的重點,有三種辦法,


九:css的一些基本特性

比如繼承性等,這些東西在寫程式碼的時候很是有用,也許你寫完了就是不能出來你想要的頁面或者效果,沒準是因為你沒有遵循他的一些特性

十:css的定位

定位能對你想要在頁面上做出你任何想要的改動,但離不開位置二字,但是也要記得,能浮動就不元素轉換,能元素轉換就不定位,相當於優先順序比較低的 

想要對子元素進行絕對定位時,需要對父元素進行相對定位


總結:總的來說,學完html和css能夠做基本的網頁了,那麼既然要做網頁還有幾各地方需要記一下,有助於網頁的製作

一:在製作網頁時,先對需要做的網頁進行分析,

先找到網頁的版心;

然後就開是給網頁進行頁面的分解(分塊);

三個必備的東西:

1效果圖 圖片資料夾

2再建立一個css資料夾,裡面最起碼要有base.css,當然,也需要有index.css的

3logo的製作:

一般來說logo是一個可點選開啟的圖片,它需要有以下幾點:首先必須是一個a標籤

而logo是a標籤的背景圖,將a標籤轉化成行內塊元素,然後通過text-indent進行首行縮排,使文字不再頁面內顯示

好啦,以上就是對css的所有總結了,希望物有所用!