html dl dt dd

dl 的意義是 Definition List，中文是「定義清單」
dt 的意義是 Definition Term，中文是「定義項目」。
dd 的意義是 Definition Description，中文是「定義描述」。

<dl>

  <dt>Coffee</dt>

  <dd>Black hot drink</dd>

  <dt>Milk</dt>

  <dd>White cold drink</dd>



</dl>

效果如下

Coffee
Black hot drink
Milk
White cold drink

html text

簡單的幾種html text tag的格式

<em>Emphasized text</em><br>

<strong>Strong text</strong><br>

<dfn>Definition term</dfn><br>

<code>A piece of computer code</code><br>

<samp>Sample output from a computer program</samp><br>

<kbd>Keyboard input</kbd><br>

<var>Variable</var><br>

<q>test</q><br>

<address>address<address><br>

效果如下

Emphasized text

Strong text

Definition term

A piece of computer code

Sample output from a computer program

Keyboard input

Variable

test

address

可以維持輸入的格式<pre></pre>

Text in a pre element               

is displayed in a fixed-width

font, and it preserves

both      spaces and

line breaks

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks

<abbr title=“ilake”>  amy </abbr> ->滑鼠指標移過去時會顯示ilake

SCP和SFTP不用輸入密碼的公鑰方法

一.client端
  1.進入home目錄
     建立.ssh資料夾

# ll –a     查看有沒有.ssh

# mkdir .ssh  建立.ssh

  2.

#cd .ssh      進入.ssh

#ssh-keygen -t rsa  執行創建密鑰命令

3.

把.ssh目錄下的公鑰文件：/當前用户home目路/.ssh/id_rsa.pub文件傳輸到server上

#scp/home/ap/ilake/.ssh/id_rsa.pub ilake@28.192.141.129:/ilake/.ssh

#ssh-keygen 

二.server端

1.通過檢查home目錄的權限必須是755
2.

# cd /.ssh                      進入到.ssh目錄  .ssh權限必须是755或者700

# cp id_rsa.pub authorized_keys 第一次添加時將公鑰重命名為authorized_keys

# chmod 644 authorized_keys     公鑰文件的權限必须是644

如果有多個client，依次将client公鑰附加到server的authorized_keys文件内即可。

# cat /tmp/id_rsa.pub >> authorized_keys

測試時 直接輸入

# sftp ilake@ip    成功的話就可以直接登入

若只輸入sftp ip 則扔然要有密碼


來源 http://jingyan.baidu.com/article/e5c39bf56245ae39d7603331.html

Unix權限的基本概念

檔案的權限有三組，分別歸屬於Owner，Group，Everyone

 755 就是代表：Owner可以讀寫執行(7)、Group只能讀取跟執行(5)、其他的人只能讀取跟執行(5)。


來源http://hiraku.tw/2010/03/227/

開發ruby on rails 好用工具

• tmux
• zsh      
• sideup (操控視窗介面)
• wget (下載用好工具)

• tmuxinator
• tmux-color-solarized (程式編碼配色)
• 
  
• 
  

      debug

• pry 

     test

• zeus   ( preload rails environment )
• spring
• capybara
• rspec-rails

       持續新增...

overflow:hidden屬性

來源
http://www.superpay.com.tw/2009arts/article/c/212.html



overflow:hidden這個CSS樣式是大家常用到的CSS樣式，但是大多數人對這個樣式的理解僅僅局限於隱藏溢出，而對於清除浮動這個含義不是很瞭解。

　　一提到清除浮動，我們就會想到另外一個CSS樣式：clear:both，我相信對於這個屬性的理解大家都不成問題的。但是對於“浮動”這個詞到底包含什麼樣的含義呢?我們下面來詳細的闡述一下。

<div id="wai">
 <div id="nei"></div>
</div>

         這是一個常用的div寫法，下面我們來書寫樣式。大家可以在DMX中自己做試驗

#wai{ width:500px;  background:#000; height:500px;}

#nei { float:left; width:600px; height:600px; background:red;}

　　可以看到，我給nei這個id加了一個浮動，我們常規的理解是，我們允許nei這個id的div的右邊出現其他的內容，只要它的寬度不超過wai這個div和nei這個div的剩餘值。

　　如果div wai中還包含其他的div，我不允許它出現在nei的右側，我們則用樣式clear:both指定這個div，不允許它浮動在nei右側。

　　這些在ie6裏面是正確的。但是在火狐或者其他流覽器裏面，我們發現問題並非如此簡單。我們發現，當nei這個div的寬度和高度都大於wai這個div的時候，wai並沒有被內撐開而是依舊顯示為我們指定的寬高。在我的例子中，都是500。

　　這個時候我不理解了，我搜索了很多的資料，但是都沒能理解這是為什麼，直到看到別人在類似的情況下給wai這個div加了一個overflow:hidden這個屬性解決了這個問題。

　　我們直到overflow:hidden這個屬性的作用是隱藏溢出，給wai加上這個屬性後，我們的nei的寬高自動的被隱藏掉了。另外，我們再做一個試驗，將wai這個div的高度值刪除後，我們發現，wai的高度自動的被nei這個div的高度值給撐開了。

　　說到這裏，我們再來理解一下“浮動”這個詞的含義。我們原先的理解是，在一個平面上的浮動，但是通過這個試驗，我們發現，這不僅僅是一個平面上的浮動，而是一個立體的浮動!

　　也就是說，當nei這個div加上浮動這個屬性的時候，在顯示器的側面，它已經脫離了wai這個div，也就是說，此時的nei的寬高是多少，對於已經脫離了的wai來說，都是不起作用的。打個形象的比喻就是當JJ脫離BB的時候，JJ的大小對於BB是沒有撐開的作用的(有點少兒不宜的感覺-_-|||)

　　OK，當我們全面的理解了浮動這個詞的含義的時候，我們就理解overflow:hidden這個屬性中的解釋，清除浮動是什麼意思了。也就是說，當我們給wai這個div加上overflow:hidden這個屬性的時候，其中的nei等等帶浮動屬性的div的在這個立體的浮動已經被清除了，就好比JJ又進入了BB內，JJ的大小自然又會影響到BB的大小。

　　這就是overflow:hidden這個屬性清除浮動的準確含義。

　　當我們沒有給wai這個div設置高度的時候，nei這個div的高度，就會撐開wai這個div，而在另一個方面，我們要注意到的是，當我們給wai這個div加上一個高度值，那麼無論nei這個div的高度是多少，wai這個高度都是我們設定的值。而當nei的高度超過wai的高度的時候，超出的部分就會被隱藏。這就是隱藏溢出的含義!

　　我相信，通過我的這些文字，大家對overflow:hidden這個屬性有了全新的認識。希望大家和我一樣，在div+css學習中能夠不斷的進步!

hello 2014

2014 農曆年 假期的最後一天

想想今年要幹什麼事

希望可以更熟悉的技能

• ruby/rails 

許願

• 吉他-兩個月一首指談,一個月一首彈唱（4指彈/4彈唱）
• 英文-口說不再害怕
• 家人一起旅遊