CSS新手學習心得

2021-08-17 07:18:25 字數 680 閱讀 7774

在剛學css的時候,總會遇到這樣或那樣的問題,所以我盡可能把它們都總結下來,也算是給自己乙個提醒,當然有人能讀到我的部落格能夠有所收穫自然是更妙。

總結如下:

1.在寫網頁版心的時候,一定要注意:

div
多使用百分比的方法來寫,這樣網頁的適應程度高,可以自適應很多電子裝置

2.在用css布局時要用大盒子把小盒子套進去,不寫大盒子的高,反而去寫小盒子的高,把大盒子撐出高來。(即用div巢狀的方法來寫)

3.在寫定位的時候需要特別注意:最好要把定位的元素寫在盒子內,避免當拉伸頁面時會缺少很多的內容

4.同乙個區域內,不同的元素種類最好使用不同的標籤,這樣在布局時寫css較為方便。

5.當寫關於字型大小和字型種類和行高等的樣式時,可以嘗試給整個div寫通用字型,之後再對某一標籤進行css樣式設定。

6.多多使用偽類和偽元素比如:

.clearfix
清除浮動的方法中,這種方法給沒有高的父親後就可以清除浮動。

7.關於padding和margin的用法:

padding是內邊距,佔據盒子的大小,所以在加padding的時候一定要減去height和width。

行內元素只占用行內空間,有行高(line-height)來確定上下距離,所以最好不要加上下padding和margin。

新手學習心得12 6 2016

今天學習了bootstrap模板的套用,首先新建乙個檔案,在title標題下加入引用 第一行是引用本地檔案,下面兩行是引用網頁原檔案,這樣就可以套用模板樣式。然後根據網頁上的例子嘗試寫了下 熟悉使用方法 class.pagination的用法 ulclass pagination li ahref ...

CSS學習心得

三 網頁結果呈現 一條css樣式規則由兩個主要的部分構成 選擇器,以 包裹的一條或多條宣告 這條規則表明,頁面中所有的一級標題都顯示為藍色,字型大小為12像數。說明 1 選擇器是您需要改變樣式的物件 上圖的規則就一級標題生效 2 每條宣告由乙個屬性和乙個值組成。無論是一條或多條宣告,都需要用 包裹,...

css學習心得總結

一 在html中引用css的兩種方式 1 一般放在head中 2 二 css樣式 1 bodydiv應用於分別body和div標籤,順序有次作用 後者會覆蓋前者應用區域中屬於自己的作用區域 巢狀 2 charater.dialog,directions定義class,後者表示兩個類名不同,類體一致 ...