iPhone網頁按鈕默認超大圓角 (CSS修正)

使用IPHONE瀏覽網頁按鈕都會有一個預設的超大圓角造型,並非屬於border屬性,就算用border-radius: 0; 也無法消除,主要是瀏覽器的屬性默認了樣式。可以透過以下方式修正

1477290840171 → 1477291460473

UNET連線遊戲(三){廝殺吧!!吃下我的子彈}

本篇使用的是5.3版後有UNET的UNITY
目標:基本連線遊戲機制+發射物體和其他玩家互動(攻擊)

1.延續前篇(UNET連線遊戲(二){讓子彈飛一毀})

  • 邏輯概念:人物被子彈擊中要產生相應的處理,因此需要掛載一個程式在人物身上,來判斷是否被擊中。
    透過此程式呼叫SERVER讓SERVER回覆PLAYER發生了什麼事情。
  • 首先簡單改寫一下原來子彈的內容
    希望子彈在擊中目標後也會消失

     

繼續閱讀 “UNET連線遊戲(三){廝殺吧!!吃下我的子彈}"

CSS屬性選取器 (CSS Attribute Selector)

 

之前有寫過css 選取器的文章,這一篇再針對其中的屬性選取器來寫詳細一點的介紹。

屬性選取器的用法有以下幾種:

  1. Element[attribute]
    物件[屬性]
  2. Element[attribute=value]
    物件[屬性=屬性值]
  3. Element[attribute~=value]
    物件[屬性~=屬性值]
  4. Element[attribute|=value]
    物件[屬性|=屬性值]
  5. Element[attribute^=value]
    物件[屬性^=屬性值]
  6. Element[attribute$=value]
    物件[屬性$=屬性值]
  7. Element[attribute*=value]
    物件[屬性*=屬性值]

繼續閱讀 “CSS屬性選取器 (CSS Attribute Selector)"

MongoDB(NoSQL)與SQL對照

NoSQL指的是Not Only SQL,NoSQL使用的興起原因在於簡化設計、水平擴展、對數據進行更精細的控制;打破傳統關係數據庫結構,讓開發者用更緊密契合的方式實現數據庫模型。

為了快速轉換兩種資料庫,整理以下關鍵字對照表

MongoDB

SQL

資料庫

database

資料表

collection

table

資料列

Document
or BSON

row

資料行

field

column

索引

index

資料表連結

embedded documents
and linking

table joins

主索引鍵

primary key

彙總

aggregation pipeline aggregation

CSS 製作圖片圓角 (CSS image fillet)

CSS 製作圖片圓角其實很簡單,只要把CSS直接加在圖片上就可以了。

<PREVIEW>
radius

<CSS>

 

CSS 製作圓形圖片 (CSS image circle shape)

CSS 把圖片裁切成圓形其實很簡單,只要把CSS直接加在圖片上就可以了。

<PREVIEW>
circle

先把圖片裁成正方形,再套用下面的CSS就可以了
如果每一張圖片尺寸都不一樣的話,border-radius的值直接寫50%就可以了
但要注意因為是50%,所以如果圖片不是正方形,那圓角之後就會變橢圓形喔~

<CSS>