HTML Tag

  • <h1> - <h6> 標題
  • <p> 文字段落,注意在裡面的空白,無論連續幾個都會被當做一個。此時可以使用 &nbsp;

    繼續閱讀

分享到

Compass 整理筆記

使用 Compass 之前需要先安裝 ruby,這裡我們可以透過官方
的教學來安裝,建議使用 rvm 的方式來管理各種版本的 ruby。

繼續閱讀

分享到

Bower 簡介

Bower 是一套管理網頁套件的工具,他提供了一種通用且不受限制的方案來解決管理前端相關的套件如:jquery。
支援的系統非常廣泛,並沒有太多相依性的東西。開發者也可以透過他管理套件的相依性和升級等等的問題。
有了它,就不用到處去下載套件檔案(jquery, bootstrap)。

繼續閱讀

分享到

Box 屬性意義

  • display: block : 前後會插入換行,寬會填滿父元素,高則是配合內容。可以用 width, height 設定。
    預設: h1, p, div

  • display: inline : 不會換行,會連成一行。寬高都是依照內容,且不能使用 width, height。
    預設: span, a, em

  • display: inline-block : 跟 inline 一樣,但能夠使用 width, height 設定寬高。

  • display: list-item : 變成 marker + block。

  • display: run-in : 如下圖 h2 被指定 run-in 它就會變成 inline 後續的元素如果是 block 就會如圖一樣合體。但是後續的元素如果是 inline 或者套用了 float, position ,那麼 h2 就會是 block。 註: Firefox 和 IE7 目前都不支援 run-in

繼續閱讀

分享到

viewport 與 media query

簡易觀念

整個 Responsive Web Design 最主要的就是靠 css 中的 media query 搭配 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 這兩個部分來達成。

簡言之就是透過

繼續閱讀

分享到

CSS 選擇器筆記

*


通用選擇器 -> 套用所有元素

1
* {color: yellow;}

繼續閱讀

分享到

CSS 覆寫規則

你是否曾經遇過這種情形,當您試著要套用某個 CSS 規則到元素的時候,它就是不產生變化。
網頁看起來就是忽略了您的 CSS ,然後根本搞不清楚到底是為什麼。
也許您使用了 !important 作為您最後的手段,這裡就有一個很好的機會來理解 CSS 選擇器的優先順序。

繼續閱讀

分享到

Model Binding Validation 資料模型的驗證機制

資料模型的驗證機制

在物件導向的世界裡有很多種方式可以驗證資料模型(Model Class) 。大部分的情況下我們可以在 Property
的 setter 裡面作資料的確認。就是如下程式碼

繼續閱讀

分享到

Entity Framework Code First Migration

大綱

本練習將介紹 Entity Framework Code First Migration 整個使用的概觀:
主題包含:

  • 啟動 Migrations.
  • 建立與執行 Migrations.
  • 自訂 Migrations.
  • 資料遷移和使用SQL指令.
  • 遷移指定的版本.
  • 建立 SQL Script.
  • 程式啟動時自動更新資料結構.

繼續閱讀

分享到

Ec2 Note

登入 Login

1
$ ssh -i /path/key/filename.pem ec2-user@xxx.xxx.xxx.xxx # OR DNS Pub Url

注意:/path/key/filename.pem的權限須為600。

繼續閱讀

分享到