原创 用css樣式修改input控件和button控件
input中的text submit button等和單獨button控件可以用css修改外觀 eg: <style> .item_submit {background-color:red;width:100px;height:50p
2020-07-05 04:29:56
原创 css3中transform-style的用法
設置內嵌的元素在 3D 空間如何呈現。 transform-style:flat(默認)|perserve-3d 鏈接1 例子1
2020-07-05 04:29:56
原创 css3 border-radius詳解
border-radius用於使元素邊框產生圓角： border-radius:length{1,4}[/length{1,4}] eg: border-radius:15px 30px /20px; "/"前表示水平半徑，後表示垂直
2020-07-05 04:29:56
原创 css3中旋轉座標軸的問題
css3中座標軸是相對於物體，當元素旋轉的時候，座標軸頁跟着旋轉。如先rotatey(60deg),再translatez(100px);與先ranslatez(100px)再rotatey(60deg),效果是不一樣的。 再例如只有
2020-06-06 12:31:48
原创 css3中的transition與animation中的delay問題
兩者中都有delay屬性，且在兩者中，如在一個transition或animation中有倆個秒數，前一個代表duration ,或一個代表delay; 兩者都要寫duration的秒數，因爲兩者的duration的默認秒數爲0；
2020-02-22 15:58:49
原创 css3中transform中的translate(),scale(),skew(),一個參數時的情況
skew(x,y),和translate(x,y)是一個參數時，第二個參數默認爲0； scale(x,y)是一個參數時，第二個參數默認和第一個參數一樣。 當scale的參數大於0小於1是，元素縮小，當參數爲負的時候，圖像發生翻轉。
2020-02-22 15:58:38
原创 css3中的transform中的3d變換：translatez()與transform-origin-z()的區別
3d變換中的移動，z中的正方向面向用戶,值越大，越靠近用戶。 translatez（100px）離用戶更近了。 transform-origin-z中z軸的正方向向內，即值越大，離用戶越遠。與translatez剛好相反。 默認：tra
2020-02-22 15:58:38
原创 html5中的web storage的用法
web storage中的localStorage用於在本地存儲大量數據，且沒有時間限制。sessionStorage是針對一個session的存儲，關閉瀏覽器時，數據即刪除。 eg: if(typeof(storage)!=="unde
2020-02-22 15:58:38
原创 css3中關於transform rotate、translate()、skew()、scale()的複合變換
css3中這幾個rotate、translate、skew()、scale()要同時使用只要在一行的transform中用空格隔開。 eg:transform:rotate(30deg) translate(100px,100px) s
2020-02-22 15:58:38
原创 css3中的transform,漸變，rgba
w3c plus airen的blog transform的鏈接 漸變 rgba 點贊 收藏 分享 文章舉報 kbx8916 發佈了290 篇原創文章 · 獲贊 17
2020-02-22 15:58:38
原创 css中的background的幾個屬性(background-attachment/background-origin,background-clip等)
關於background中的幾個屬性： background-orgin background-clip background-size background-position backround-attachment 三個盒子：b
2020-02-22 15:58:38
原创 html5中drag//drop拖曳效果的用法
鑫空間講解 講義 缺乏對clearData() dropEffect() effectAllowed()的理解 eg1: 把圖像放在邊框中 <!DOCTYPE HTML> <html> <head> <meta charset="u
2020-02-22 15:58:38
原创 css3中的perspective與perspective-origin
perspective屬性的存在與否決定了你所看到的是2次元的還是3次元的，也就是是2D transform還是3D transform. 這不難理解，沒有透視，不成3D. CSS3 3D transform的透視點是在瀏覽器的前方
2020-02-22 15:58:38
原创 css3中word-wrap與wrod-break的區別
在默認情況下，當單詞過長，在一行中無法容納時，文段會另起一行來放置長單詞，如果此時整行都無法容納該長單詞，那麼單詞會溢出。 1.word-wrap:break-word; 使用word-wrap的情況下，遇見長單詞會先換行，看是否容納該
2020-02-22 15:58:38