Kelly Stone ❣

【HTML】

快捷鍵

div.標籤名稱+Tab 自動生成成對標籤  

img.+Tab  也可以喔~

超好用超方便

ICON-1

在最大的<div>中插入下列網址，icon才會跑出來

 <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>

<i class="fas fa-globe"></i>  

ICON-2

在編寫CSS時插入icon

https://weichiachang.github.io/easter-eggs-mobile/images/dNpCLDT.png%22

下載以上網址的圖片，至SpriteCow這個網站，選擇open img加入這張圖片

點選要加入的icon，網站為幫助我們計算圖片位置，接下來在自己微調成想要的樣子

.icon-global  {

background-image: url("https://weichiachang.github.io/easter-eggs-mobile/images/dNpCLDT.png");

background-repeat: no-repeat;

background-size: 500px 287px;

background-position: -242px -245px;

}

IMG

<img src="圖片網址" alt="當圖片沒有跑出來的時候會顯示的東西"

thumbnail-縮圖

超連結

<a class="超連結名稱" href="網址" target="_blank">

Target="_self"：在同視窗切換，與不加 Target 相同。

Target="_new"：開啟一個新視窗

輸入框

<input type="text" placeholder="留言....">

placeholder 是在未鍵入內容時出現的內容