win8出來已有一段時間了，個人是比較喜歡metro ui的。一直以來想用metro ui來做個自己的部落格，只是都沒有空閒~~今天心血來潮，突然想自己弄乙個磁貼玩玩，動手……然後就有了本篇。
win8中的磁貼可調整大小，分組，還有更好玩的動態資訊顯示。網上也有了比較完整的web metro ui框架庫，比較好的乙個——metro ui template：這個是收費的），還有許多其它的，可參看園子裡園友（夢想天空）列舉的：
本篇的磁貼只實現了簡單的磁貼樣式和選中效果，用css實現。考慮到磁貼的可選中性，想到了html中的核取方塊，核心原理其實就是用css偽類來實現。
先看效果截圖吧：
看**（很簡單，也可在這裡 fork乙份，實現你自己的，同時向大家推薦runjs.cn，這個真不錯，和jsfiddle有的比。也歡迎關注我x-strong :)）：
6metro ui試手之tile
7title
>
8<
style
type
='text/css'
>
9body11p
12.tile
2425
26.tile-yellow
3031
.tile-green
35.tile label
40.content
48.tile input[type='checkbox']
61.symbol
71.tile input[type='checkbox']:checked ~.symbol
74style
>
75head
>
76<
body
>
77<
p>
78metro ui之磁貼（tile）79p
>
80<
div
class
='tile'
>
81<
label
>
8283
<
input
type
='checkbox'
/>
84<
span
class
='symbol'
>
8586
span
>
87<
span
class
='content'
>
88簡單磁貼
89span
>
90label
>
91div
>
92<
div
class
='tile
tile-yellow'
>
93<
label
>
9495
<
input
type
='checkbox'
/>
96<
span
class
='symbol'
>
9798
span
>
99<
span
class
='content'
>
100簡單磁貼
101span
>
102label
>
103div
>
104105
<
div
class
='tile
tile-green'
>
106<
label
>
107108
<
input
type
='checkbox'
/>
109<
span
class
='symbol'
>
110111
span
>
112<
span
class
='content'
>
113簡單磁貼
114span
>
115label
>
116div
>
117body
>
118html
>
metro ui之磁貼（tile）
簡單磁貼
簡單磁貼
簡單磁貼
也來談談EMI和EMC電路中磁珠和電感的不同作用
磁珠 和電感在解決emi 和emc 方面各與什麼作用，首先我們來看看磁珠 和電感的區別，電感 是閉合迴路的一種屬性，多用於電源濾波迴路，而磁珠 主要多 用於訊號迴路，用於emc 對策磁珠主要用於抑制電磁輻射干擾，而電感用於這方面則側重於抑制傳導性干擾。磁珠是用來吸收超高頻訊號，象一些rf電 路，pl...
mysql 安裝 菜鳥 菜鳥也玩mysql之安裝篇
作為乙個運維工程師，或多或少都要接觸到mysql。今天我來了解一下到底什麼是mysql，它該如何安裝到我們的系統中。什麼是mysql？mysql是乙個小型關係型資料庫管理系統，它是世界上非常流行的開源資料庫。由於其體積小 速度快 總體擁有成本低，尤其是開放原始碼這一特點，許多中小型 為了降低 總體擁...
mysql 安裝 菜鳥 菜鳥也玩mysql之安裝篇
作為乙個運維工程師，或多或少都要接觸到mysql。今天我來了解一下到底什麼是mysql，它該如何安裝到我們的系統中。什麼是mysql？mysql是乙個小型關係型資料庫管理系統，它是世界上非常流行的開源資料庫。由於其體積小 速度快 總體擁有成本低，尤其是開放原始碼這一特點，許多中小型 為了降低 總體擁...