1 關於元素命名問題
將元素的樣式標籤與行為標籤分開,便於日後的操作。
比如乙個刪除按鈕
class="btn btn-theme-bg ac-btn-delete">delete
在文件遷移中知道自己命名的壞毛病了吧,自己給自己挖坑能怪誰呀
2 很多專案可以使用很多共同的樣式比如margin padding 等等。可以搭建自己的一套樣式列表在配合bootatrsp的使用
margin-left-10
等等
3 對於專案中相同部分元件,保持使用相同結構,命名。比如購物車頁面和訂單頁面都有的table列表。
這個部分是用的背景圖
然後是padding border 配合使影象與邊界之間空出4px間隙..
所以要求背景圖在內容區域顯示,這就用到了
出來啦。
然後找一下相關屬性background-origin
先看看w3c 對於兩者的解釋,
background-clip 同時可以處理背景圖與背景色
也就是說,如果你是用的clip ,背景圖會發生裁剪。這個從clip –裁剪 ,也可以看出來
5 在某個盒子中垂直水平居中
class='box'>
src='img/test.img'/>
div>對應的css
也就是說,當父級盒子設定
text-align:center;line-height:height;
同時子元素img , 是內聯元素而非塊元素的時候,會居中。注意,要配合vertical-align:middle;來使用。
這個問題是關於line-height 與 vertical-align 的,之前在文章中小小的提到過一次,今天又仔細讀了張大神的文章,自己寫一遍,加深理解。
如果將css**改為這樣
.box
img
得到樣式如下:
按理說盒子的高度應該是img撐起來的高度,但是,底部卻有多餘的空隙出現。
看。間隙消失了。
也就是說,這個間隙的存在是與子元素(這裡是img)的內聯 還是塊級 屬性有關。
在html5文件宣告下,塊狀元素內部的內聯元素的行為表現,就好像塊狀元素內部還有乙個(更有可能兩個-前後)看不見摸不著沒有寬度沒有實體的空白節點.
來,用事實說話,檢測檢測
class="box big">
試驗檢測試驗檢測a>
div>
class="box big">
試驗檢測試驗檢測p>
div>
.box
a , p
看出來了吧。真的是這樣。
(我用ps看了一下,的底部間隙是3px ,文字底部間隙也是3px )
繼續 說,如果在後寫幾個字,會出現這樣的情況。
這樣我們思考兩個問題,1 vertical-align預設的對齊方式是?
2 後面文字的高度從何而來?
w3c解釋如下:
所以以及文字在預設與基線對齊的情況下,出現了上圖所以情況。而他們的基線就是文字z的下邊。
文字的高度則是由於line-height 決定的。
對於同樣文字大小相同但是line-height設定不同的a strong元素,表現如下
a , strong
astrong
所以說,文字的高度則是由於line-height 決定的。
所以之前,為什麼最開始展示的那個底部會有間隙,就是因為vertical-align和line-height同時作用造成的呀。下面的空隙高度,實際上是文字計算後的行高值和字母xz下邊緣的距離。
那怎麼解決呢?
既然是這兩人的問題,那就對症下藥。
預設是inline水平的,而vertical-align對塊狀水平的元素無感。所以設定為block。就會發現間隙消失。
因此,任意尺寸的(或者內聯塊狀化的多行文字)的垂直居中效果。就是使用,vertical-align和line-height來實現。
對於想要垂直居中一段文字:
將該元素設定為display:inline-block; vertical-align:center;
注意,本身也要設定line-height;否則將繼承自父級元素,換行之後會發生錯誤。
class="boxs">
隔了百年的光陰,那些人,那些事,那些孤寂而平淡的日子,一旦過去,便是再也、再也無法回來了。
原來,即便是生命裡最深的愛戀,也終究抵不過時間萬里的迢梯,浮世骯髒strong>
div>核心css樣式
.box
strong
專案總結 OTO專案
客戶模組流程 銷售錄入客戶 臨時客戶 客戶經過上級領導進行審核,成為正式客戶.一.臨時客戶 客戶可以被任意刪除是物理刪除 每個銷售負責人登入進來看到的只能是自己的客戶 客戶錄入時會進行查詢該客戶的名稱是否存在,存在提示,清空輸入框 客戶變為正式客戶時臨時客戶表裡狀態進行修改,客戶新增到正式客戶表,客...
專案的總結
現在的專案快到結束了,該總結一下了。先寫下有關這個專案的一些標籤 三個月,乙個專案,還沒有做完,剛畢業,專案老套,技術落 後,同事缺乏交流,老闆不願重視,自己創造力不足,工作缺乏激情,做事條理不明,計畫嚴重滯後。剛畢業,進了一家好像很有前景的小公司,給了乙個 平台專案,從八月到十一月,三個月了,專案...
專案總結框架
引言 應公司要求整理的一篇框架性的文章,力求使當前的專案總結流程化制度化,並提公升現行產品在資料度量方面的能力,進一步打造學習性團隊的目標。專案總結執行框架 1.專案總結基礎框架 專案基本情況總結 專案概述 專案技術背景 實現功能與測試工具 專案規模總結 千行 數 用例總數 資料庫表數 資料庫總列數...