在剛學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,後者表示兩個類名不同,類體一致 ...