1、使用場景：
為了可以減少客戶端對伺服器的請求，所以會把很多整合於乙個之上，稱為css sprites技術（css精靈/雪碧）。那麼如何從整合後的中顯示我們需要的便可以採用clip樣式。
css精靈-優點：
減少客戶端對伺服器的請求，提高效能；
減少位元組數，多個整合入1張圖的位元組數小於每個位元組數之和；
減少命名困擾；
修改公共樣式方便。
css精靈-缺點：
合成有一定成本；
使用時需要精確計算每個單元的位置；
特點：元素仍然占用dom空間，使用visibility:visible可使隱藏的元素可見。
opacity:0(透明度為0)
特點：用於和transition、animate配合使用實現漸隱漸顯，使用opacity:1顯示。
position:absolute
特點：元素仍然占用dom空間， 用於使元素消失於可視區域，改變位置座標可以用於顯示。
display : none
特點：元素隱藏後不占用dom空間。
hidden屬性，h5新增
特點：除ie瀏覽器其餘都可以使用。
tranform：scale(0)
特點：元素位置仍保留，通過將元素無限小來實現元素不可見，通過scale(1)位可見；改方法不適用於行元素，ie9以下不支援。
方法一：
div方法二：
div.parent場景一：
html
庫爾班·吐魯木
#name
擴充套件：
1.white-space值描述
normal
預設。文字中的空白會被瀏覽器忽略。
pre文字中的空白會被瀏覽器保留。效果類似於html的< pre >標籤 。
nowrap
文字不會換行。可以通過< br >強制換行 。
pre-wrap
保留文字中連續空白，但是可以正常進行換行。
pre-line
合併文字中的連續空白。但是會保留換行符。
inherit
規定應該從父元素繼承white-space屬性的值。
2.text-overflow:值描述
clip
修建文字，只要超出就會從超出的開始位置刪除除。
ellipsis
通過省略符合代替被修建的文字。
string
使用給定的字串來代替被修建的內容
1、實現效果
把查詢圖示相對定位到input指定位置；
通過padding-left移動輸入框的游標；
3、**
html
/*圖示樣式*/
.search_inside
/*input輸入框樣式*/
#searchtext
JDBC 實戰應用
1 jdbc 的使用順序為 1 註冊驅動 只做一次 2 建立連線 connection 3 建立執行sql的語句 statement 4 處理執行結果 resultset 5 釋放資源 2 實戰應用 1 封裝資料庫連線字串 jdbc配置資訊 public class jdbcconfig publi...
spring security 實戰應用
許可權管理 角色使用者 資源某個使用者擁有多個角色，乙個角色也可以被多個使用者擁有 乙個角色對應訪問多個資源，乙個資源也可以被多個角色訪問 spring security的具體應用如下。版本 3.0.5 1 web.xml配置 2 頁面改造 如果要加驗證碼功能，可以在此fileter前加驗證 3 s...
SparkSQL 實戰應用
sparksql 實戰應用 資料集 movielens 1m datase users.dat userid gender age occupation zip code movies.dat movieid title genres ratings.dat userid movieid ratin...