womoso專案總結

2021-07-10 19:17:39 字數 3381 閱讀 6828

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.專案總結基礎框架 專案基本情況總結 專案概述 專案技術背景 實現功能與測試工具 專案規模總結 千行 數 用例總數 資料庫表數 資料庫總列數...