牛腩新聞發布系統之Css總結

2021-06-26 08:21:59 字數 1699 閱讀 6996

css(

cascading style sheets的縮寫)也稱級聯樣式表,他是用來表現

html

或xml

等檔案的計算機語言。網頁的布局就是通過

css編寫的。說白一點

css就是使用者開啟**所看到網頁的布局。

它是實現了網頁內容與樣式的分離。

css的選擇器:           css的選擇器有很多種,這裡我就不過到去介紹了,想學的可以到

去學習一下。

我就簡單的介紹一下我在牛腩中所學到的選擇器。

id選擇器》類選擇器》元素選擇器

在對id

選擇器進行編寫時,我們要在

id選擇器前「#」

例: #intro

注:id選擇器在使用時必須保持字段唯一性。同時

id屬性不要以數字開頭,數字開頭的id在 mozilla/firefox瀏覽器中不起作用。

而我們在對類選擇器時進行編寫時,要在類選擇器的前面加「.」

例:.important

注:class選擇器用於描述一組元素的樣式,class 選擇器有別於id選擇器,class可以在多個元素中使用。類名的第乙個字元不能使用數字!它無法在 mozilla 或firefox 中起作用。

主要是指標準流、盒子模型與定位。

其中標準流是指:頁面顯示的順序與**的編寫順序呢相一致。

盒子模型:個人理解就是大方框套小方框。每個方框之間又用不同的名稱來區別。如圖所示:

定位則是對於盒子模型進行的一系列的操作。

定位包括:相對定位、絕對定位和浮動。

相對定位:

設定為相對定位的元素框會偏移某個距離。元素仍然保持其未定位前的形狀,它原本所佔的空間仍保留。

定位屬性為:

要注意的是:

在使用相對定位時,無論是否進行移動,元素仍然佔據原來的空間。因此,移動元素會導致它覆蓋其它框。

絕對定位:

絕對定位的元素的位置相對於

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

最初的包含塊

定位屬性為:

浮動:浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。

css中我們通過

float

屬性進行實現浮動的。

空格代表父子。

例:h1em

逗號「,」表示並列。

例:h1,me

css頁面是使用者直接看到的,所以在設計css時一定要設計的美觀。因為給使用者第一印象很重要。以上是我對css的理解,有不對的地方,請多指教。

牛腩新聞發布系統總結

用時半個月的時間,完車了牛老師的新聞發布系統,剛開始很是期待,因為這是第乙個做網頁的系統,有種說不說的欣喜。簡單的做了個圖,如下圖 和c s 的系統相比,不同之處就在於表示層了。因為是b s 的系統,是通過瀏覽器,讓使用者瀏覽的,所以所有的展示都是通過瀏覽器的解析,以及與伺服器的請求和返回來完成任務...

牛腩新聞發布系統總結

好喜歡牛老師,咳咳咳廣西南寧人,加快速度不到2倍,聽著感覺是小羅的聲音呵呵,願意聽牛老師的聲音,跟著節奏走。牛腩看了20多天,整個過程下來,豁然開朗 神奇清爽。終於邁進web開發的門檻,再一次經歷除機房收費系統之外的軟體開發流程,而且是b s模式的開發,有了小小的認識。製作牛腩的過程,顛覆了我以往的...

牛腩新聞發布系統總結

前後大概乙個月半的時間了吧,終於看完了牛腩新聞發布系統。儘管牛腩老師的聲音弱弱的,但是他的 不將就 卻讓他的課程有了一種獨具匠心的魅力。這種魅力會讓你變得興致勃勃起來,吸引著你跟著他將所有問題一一解決。這一次做系統,感覺收穫很大。下面就像大家分享學習的心得。一 了解了開發的流程 系統的講解過程,其實...