css – 這世上 沒有偶然 只有必然 https://wordpress.lokidea.com 幻幽的小小分享區 Thu, 07 Jul 2016 15:45:33 +0000 zh-TW hourly 1 CodePen-前端的藏寶庫【189/366】 https://wordpress.lokidea.com/1064/codepen-%e5%89%8d%e7%ab%af%e7%9a%84%e8%97%8f%e5%af%b6%e5%ba%ab%e3%80%90189-366%e3%80%91/ https://wordpress.lokidea.com/1064/codepen-%e5%89%8d%e7%ab%af%e7%9a%84%e8%97%8f%e5%af%b6%e5%ba%ab%e3%80%90189-366%e3%80%91/#respond Thu, 07 Jul 2016 15:45:33 +0000 https://wordpress.lokidea.com/?p=1064 閱讀全文 CodePen-前端的藏寶庫【189/366】]]> CodePen 可以在上面測試自己寫的東西
更多人把自己的小作品展示在上面
所以很多有趣的內容可以在上面找到
包括非常多CSS刻出來有趣的作品

剛好把CodePen丟到 alternativeto 去搜尋了一下
除了常見的幾個服務
也有很多沒有看過的服務
下次再來分別研究研究在分享給大家了

]]> https://wordpress.lokidea.com/1064/codepen-%e5%89%8d%e7%ab%af%e7%9a%84%e8%97%8f%e5%af%b6%e5%ba%ab%e3%80%90189-366%e3%80%91/feed/ 0 CSS background 背景屬性【11/366】 https://wordpress.lokidea.com/453/css-background-%e8%83%8c%e6%99%af%e5%b1%ac%e6%80%a7%e3%80%9011-366%e3%80%91/ https://wordpress.lokidea.com/453/css-background-%e8%83%8c%e6%99%af%e5%b1%ac%e6%80%a7%e3%80%9011-366%e3%80%91/#respond Mon, 11 Jan 2016 00:30:49 +0000 https://wordpress.lokidea.com/?p=453 閱讀全文 CSS background 背景屬性【11/366】]]> 這幾天遇到背景屬性
究竟要分開寫還合在一起寫好
所以就查了一下

http://www.w3.org/TR/CSS2/colors.html
CSS2的定義寫得很清楚呢

Value: [<‘background-color’> || <‘background-image’> || <‘background-repeat’> || <‘background-attachment’> || <‘background-position’>] | inherit

position其實可以定義顯示的背景長寬，
而CSS3則是把size也抽出來變成獨立的屬性
http://www.w3.org/TR/2002/WD-css3-background-20020802/

]]> https://wordpress.lokidea.com/453/css-background-%e8%83%8c%e6%99%af%e5%b1%ac%e6%80%a7%e3%80%9011-366%e3%80%91/feed/ 0 圖片垂直方向的對齊 https://wordpress.lokidea.com/272/%e5%9c%96%e7%89%87%e5%9e%82%e7%9b%b4%e6%96%b9%e5%90%91%e7%9a%84%e5%b0%8d%e9%bd%8a/ https://wordpress.lokidea.com/272/%e5%9c%96%e7%89%87%e5%9e%82%e7%9b%b4%e6%96%b9%e5%90%91%e7%9a%84%e5%b0%8d%e9%bd%8a/#respond Thu, 18 Jun 2015 15:55:18 +0000 https://wordpress.lokidea.com/?p=272 閱讀全文 圖片垂直方向的對齊]]> 今天遇到一個情況
整串文字裡面，有穿插一張圖片
要設定這張圖片的對齊
於是google一下CSS的做法
找到了一個屬性

CSS vertical-align 屬性
連結：CSS vertical-align 屬性 – Wibibi

因為要讓圖片向上對齊
就用了

vertical-align : super;

讓圖片對齊到上標的位置
 

]]> https://wordpress.lokidea.com/272/%e5%9c%96%e7%89%87%e5%9e%82%e7%9b%b4%e6%96%b9%e5%90%91%e7%9a%84%e5%b0%8d%e9%bd%8a/feed/ 0